Questions on UI for ASP.NET AJAX Forum

0 answers

108 views

Hi!
Here's the thing; Is it possible to drag controls within a Tab of the RadTabStrip? What I mean here is, I want to have the same behavior than my .master template when I'm editing a new page (So I can drag whatever content anywhere I pulled an <asp:ContentPlaceHolder>).

The problem is, with my userContol I created from RadTabStrip it's not possible to use any ContentPlaceHolder since it's not a .master but a .ascx ... I really need that the content of the tab is dynamic and NOT hard-coded. The process must allow that the girl here, working in management, who knows nothing about programmation, can change simply the content of any tabs.

Is it possible?

Thanks you really much!

Mathieu

TabStrip

asked on 18 Jun 2009

1 answer

116 views

Urgent Date picker Format

hi

How to set date format in date picker i have following code

<

telerik:RadDatePicker ID="calFrom" Width="150" Skin="Office2007" runat="server">

<

DateInput DateFormat="yyyy-MM-dd" DisplayDateFormat="yyyy-MM-dd"></DateInput>

</telerik:RadDatePicker>

But its not working i need yyyy-mm-dd format date

Please help me its urgent

Regards,
Abdul

Calendar

answered on 18 Jun 2009

9 answers

196 views

databinding issues

Hi i have databinding problems using the following code

    
                        string Connection = "Data Source=62.197.41.101; Initial Catalog=PilotWebApp; User ID=sa; Pwd=medularis;";  
        
                        strPropref = Request.QueryString["Propref"];  
        
                        SqlConnection conn = new SqlConnection(Connection);  
        
                        SqlCommand cmd = new SqlCommand("slot_sp_EngineerTimeslots", conn);  
        
                        cmd.CommandType = CommandType.StoredProcedure;  
        
                        cmd.Parameters.AddWithValue("@PROPREF", strPropref);  
        
                        cmd.Parameters.AddWithValue("@iSTARTDATE", RadCalendar1.SelectedDate);  
        
                        cmd.Parameters.AddWithValue("@JOBLENGTH", "30");  
        
                        cmd.Parameters.AddWithValue("@TIMESLOT", RadAppointment.SelectedValue);  
        
                        conn.Open();  
        
                        SqlDataReader reader = cmd.ExecuteReader();  
        
                        DataTable dt = new DataTable();  
        
                        dt.Load(reader);  
        
                        RadGrid1.DataSource = dt;  
        
                        RadGrid1.DataBind();

the code compiles and runs but the grid doesnt show any information and when i put the cursor over the datatable there are 44 records

Grid

answered on 18 Jun 2009

0 answers

153 views

This constraint cannot be enabled as not all values have corresponding parent values

I get the above error when trying to run my application.
See more details in the following link :

http://pastebin.ca/1464797

TreeView

asked on 18 Jun 2009

10 answers

222 views

[Solved] Find a custom control in dynamic Grid

Hi,

I have a grid that i created dynamicly everyting i mean my datasource, my grid structure and every item in my grid are create in code behind for specific need. Everything is working fine when i load my grid.

The thing is i've created by code behind 2 other control that i add in my header item (imagebutton and a textbox).

I've add a javascript on my image button that is suppose to copy in all my item the value entered before in the header textbox.
But i'm not getting a radtextbox but simply an imput. When i click in any cell that i changed the value before, it change back to the first value.

    
                    function OnCopyResult(textBoxId, columnIndex)  
        
                    {  
        
                        var grid = $find("<%= RadGridLocalTraining.ClientID %>");  
        
                        var masterTable = grid.get_masterTableView();  
        
                        var headerTextBox = masterTable.HeaderRow.cells[columnIndex].firstChild.nextSibling.nextSibling.firstChild;  
        
                        var value = headerTextBox.value;  
        
                        var itemsCount = grid.get_masterTableView().get_dataItems().length;  
        
                        for(i = 0; i < itemsCount; i++)  
        
                        {  
        
                            cell = masterTable.getCellByColumnUniqueName(masterTableView.get_dataItems()[i],masterTableView._columnsInternal[columnIndex].get_uniqueName());  
        
                            var cellTextBox = cell.firstChild.firstChild;  
        
                            cellTextBox.value = value;  
        
                        }  
        
                    }

There's no property set_value and maybye this why i can't change the value correctly.

Thanks for you help!

Guillaume

Grid

answered on 18 Jun 2009

2 answers

163 views

RadToolBarDropDown client-side width

Hi there

I seem to have trouble making IE behave correctly with client-side polulated dropdown buttons. First of all, the text seems to be wrapped, and if I override the css class to set "white-space: nowrap", the content is cropped.

Everything works as expected in Firefox.

Is this a known issue? I found another post about the same problem here: http://www.telerik.com/community/forums/aspnet-ajax/toolbar/radtoolbardropdown-client-side-problem.aspx
However, that solution is not viable for me, as I have no idea how wide my items are going to be.

Any help appreciated...

ToolBar

answered on 18 Jun 2009

1 answer

100 views

Self Referencing Hiearchy - to get the Child row rowindex in rowdouble_click .

I am using the RadGrid in which we are using the self referencing hierarchy.
In the we are opening a new page in the row_doubleClick Event of the Grid.

var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[dataItem.rowIndex-1];

Please find the above code which returns the row index.
It returns for the MasterTable but if i double click the child event iam not able to get the respective event.
Please provide me solution in so that i can get the row index of the child event in the self referencing hiearchy grid.

Thanks
Veda.S

Grid

answered on 18 Jun 2009

5 answers

195 views

Problem in Layout when using dock inside Panel

Hi,

Am using a pannel and placing a dock control inside it.
when the contents of the dock inceases then the dock should still fit inside the pannel and on scrolling the scrollbar of the pannel the dock should get scrolled up and down. but this doesn't work that way.
when the contents of the dock increases the dock is not fitting within the pannel. the scrollbar of the pannel does not linked with the dock. instead the page height is getting increased and page scrolling appears.

Pls. Suggest me how to overcome this.

Thanks
Jidesh

Dock

answered on 18 Jun 2009

4 answers

96 views

Client API: Toggling display breaks event calls in IE

Hi,

This is a follow up question from this thread. The scenario is that for each item of list A we assign an item from list B. The previous thread resulted in me using one single invisible RadComboBox and manipulate it though javascript to reuse it to make the list B selection. I save the association in an hidden field for each item. I do this using the TextBox onfocus() to show the RadCombo and the RadCombo's OnClientBlur() to hide it.

It works OK in Firefox, but I noticed that in IE 6,7,8, the line _rcmb.get_element().style.display = 'none'; in OnClientBlur() will cause the onfocus() event of the textbox to not be called when clicking to a new textbox. I must click the textbox twice OR click elsewhere to have OnClientBlur() called and then click a new textbox to have onfocus() called.

Here a sample project's code, run it and comment or uncomment lines 110 and 111 to reproduce the problem.

Thanks,

Dominic
Using v.2009.1.527.35

    
            <%@ Page Language="C#" AutoEventWireup="false" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
               <title></title> 
        
               <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
        
            </head> 
        
            <body> 
        
               <form id="form1" runat="server"> 
        
               <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
               </asp:ScriptManager> 
        
               <div> 
        
                  <div>#1<asp:TextBox ID="TextBox1" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField1" runat="server" /></div> 
        
                  <div>#2<asp:TextBox ID="TextBox2" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField2" runat="server" /></div> 
        
                  <div>#3<asp:TextBox ID="TextBox3" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField3" runat="server" /></div>       
        
                  <div>#4<asp:TextBox ID="TextBox4" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField4" runat="server" /></div> 
        
                  <div>#5<asp:TextBox ID="TextBox5" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField5" runat="server" /></div> 
        
                  <div>#6<asp:TextBox ID="TextBox6" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField6" runat="server" /></div> 
        
                  <div>#7<asp:TextBox ID="TextBox7" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField7" runat="server" /></div> 
        
                  <div>#8<asp:TextBox ID="TextBox8" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField8" runat="server" /></div> 
        
                  <br /><br /> 
        
                  <telerik:RadComboBox ID="rcmb" runat="server" Skin="Default" Width="300px" 
        
                     ShowMoreResultsBox="false" EnableVirtualScrolling="false" EnableLoadOnDemand="false" 
        
                     MarkFirstMatch="false" ItemRequestTimeout="500" OpenDropDownOnLoad="false" ShowDropDownOnTextboxClick="false"> 
        
                     <Items> 
        
                        <telerik:RadComboBoxItem Text="Item 1" Value="1" /> 
        
                        <telerik:RadComboBoxItem Text="Item 2" Value="2" /> 
        
                        <telerik:RadComboBoxItem Text="Item 3" Value="3" /> 
        
                        <telerik:RadComboBoxItem Text="Item 4" Value="4" /> 
        
                        <telerik:RadComboBoxItem Text="Item 5" Value="5" /> 
        
                        <telerik:RadComboBoxItem Text="Item 6" Value="6" /> 
        
                     </Items> 
        
                  </telerik:RadComboBox> 
        
                  <div>Functions called</div> 
        
                  <div id="fcts" style="height: 250px; overflow: auto; border: solid 1px gray;"></div> 
        
                  <script type="text/javascript"> 
        
                     /* <![CDATA[ */
        
                     Sys.Application.add_load(function()
        
                     {
        
                        var _activeTb;
        
                        var _rcmb = $find("<%= rcmb.ClientID %>");
        
                        _rcmb.get_element().style.position = 'absolute';
        
                        _rcmb.get_element().style.display = 'none';
        
                        _rcmb.set_closeDropDownOnBlur(false);
        
                        _rcmb.add_selectedIndexChanged(UpdateValue);
        
                        _rcmb.add_onClientBlur(HideDdl);
        
                        _rcmb.disable();
        
                        function ShowDdl(tb)
        
                        {
        
                           $("#fcts").append("ShowDdl()<br />");
        
                           _activeTb = tb;
        
                           _rcmb.enable();
        
                           var div = _rcmb.get_element();
        
                           var offset = $(_activeTb).offset();
        
                           div.style.top = offset.top + "px";
        
                           div.style.left = offset.left + "px";
        
                           _rcmb.clearSelection();
        
                           _rcmb.set_text(_activeTb.value);
        
                           _rcmb.set_value($("INPUT[type=hidden]", _activeTb.parentNode).val());
        
                           _activeTb.style.visibility = 'hidden';
        
                           div.style.display = '';
        
                           _rcmb.get_inputDomElement().focus();
        
                           if (_rcmb.get_text().length != 0) {
        
                              _rcmb.selectText(0, _rcmb.get_text().length);
        
                           }
        
                           _rcmb.showDropDown();
        
                        }
        
                        function UpdateValue(sender, eventArgs)
        
                        {
        
                           $("#fcts").append("UpdateValue()<br />");
        
                           var item = eventArgs.get_item();
        
                           if (item != null) {
        
                              $(_activeTb).val(item.get_text());
        
                              $("INPUT[type=hidden]", _activeTb.parentNode).val(item.get_value());
        
                           }
        
                           else {
        
                              $(_activeTb).val("");
        
                              $("INPUT[type=hidden]", _activeTb.parentNode).val("");
        
                           }
        
                        }
        
                        function HideDdl()
        
                        {
        
                           $("#fcts").append("HideDdl()<br />");
        
                           _activeTb.style.visibility = '';
        
                           _rcmb.hideDropDown();
        
            /* uncommment the following lines 
        
               and the textbox onfocus() event will not be called 
        
               in IE after OnClientBlur()... must reclick.
        
               Note: Firefox works ok.

            */
        
            //               _rcmb.get_element().style.display = 'none';
        
            //               _rcmb.disable();
        
                        }
        
                        $(".ddl").focus(function()
        
                        {
        
                            ShowDdl(this);
        
                        });
        
                     });
        
                     /* ]]> */ 
        
                  </script> 
        
               </div> 
        
               </form> 
        
            </body> 
        
            </html>

ComboBox

answered on 18 Jun 2009

1 answer

121 views

Grid filtering after accept button clicked

Hi,

i have a question. Is there any possibility to define arguments for filtering and apply filters after clicking any accept button? Now when i change a criteria in filtering data are automaticly bounded, i would like to set many critirias and then refresh the grid. Big thanks for fast answer.

Greetings
M.

Grid

answered on 18 Jun 2009

	<%@ Page Language="C#" AutoEventWireup="false" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

	<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
	<title></title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	</head>
	<body>
	<form id="form1" runat="server">
	<asp:ScriptManager ID="ScriptManager1" runat="server">
	</asp:ScriptManager>

	<div>
	<div>#1<asp:TextBox ID="TextBox1" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField1" runat="server" /></div>
	<div>#2<asp:TextBox ID="TextBox2" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField2" runat="server" /></div>
	<div>#3<asp:TextBox ID="TextBox3" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField3" runat="server" /></div>
	<div>#4<asp:TextBox ID="TextBox4" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField4" runat="server" /></div>
	<div>#5<asp:TextBox ID="TextBox5" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField5" runat="server" /></div>
	<div>#6<asp:TextBox ID="TextBox6" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField6" runat="server" /></div>
	<div>#7<asp:TextBox ID="TextBox7" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField7" runat="server" /></div>
	<div>#8<asp:TextBox ID="TextBox8" runat="server" CssClass="ddl" style="width: 300px;" /><asp:HiddenField ID="HiddenField8" runat="server" /></div>

	<br /><br />
	<telerik:RadComboBox ID="rcmb" runat="server" Skin="Default" Width="300px"
	ShowMoreResultsBox="false" EnableVirtualScrolling="false" EnableLoadOnDemand="false"
	MarkFirstMatch="false" ItemRequestTimeout="500" OpenDropDownOnLoad="false" ShowDropDownOnTextboxClick="false">
	<Items>
	<telerik:RadComboBoxItem Text="Item 1" Value="1" />
	<telerik:RadComboBoxItem Text="Item 2" Value="2" />
	<telerik:RadComboBoxItem Text="Item 3" Value="3" />
	<telerik:RadComboBoxItem Text="Item 4" Value="4" />
	<telerik:RadComboBoxItem Text="Item 5" Value="5" />
	<telerik:RadComboBoxItem Text="Item 6" Value="6" />
	</Items>
	</telerik:RadComboBox>

	<div>Functions called</div>
	<div id="fcts" style="height: 250px; overflow: auto; border: solid 1px gray;"></div>

	<script type="text/javascript">
	/* <![CDATA[ */
	Sys.Application.add_load(function()
	{
	var _activeTb;
	var _rcmb = $find("<%= rcmb.ClientID %>");
	_rcmb.get_element().style.position = 'absolute';
	_rcmb.get_element().style.display = 'none';
	_rcmb.set_closeDropDownOnBlur(false);

	_rcmb.add_selectedIndexChanged(UpdateValue);
	_rcmb.add_onClientBlur(HideDdl);
	_rcmb.disable();

	function ShowDdl(tb)
	{
	$("#fcts").append("ShowDdl()<br />");

	_activeTb = tb;
	_rcmb.enable();

	var div = _rcmb.get_element();

	var offset = $(_activeTb).offset();
	div.style.top = offset.top + "px";
	div.style.left = offset.left + "px";

	_rcmb.clearSelection();

	_rcmb.set_text(_activeTb.value);
	_rcmb.set_value($("INPUT[type=hidden]", _activeTb.parentNode).val());

	_activeTb.style.visibility = 'hidden';
	div.style.display = '';

	_rcmb.get_inputDomElement().focus();
	if (_rcmb.get_text().length != 0) {
	_rcmb.selectText(0, _rcmb.get_text().length);
	}
	_rcmb.showDropDown();
	}

	function UpdateValue(sender, eventArgs)
	{
	$("#fcts").append("UpdateValue()<br />");

	var item = eventArgs.get_item();
	if (item != null) {
	$(_activeTb).val(item.get_text());
	$("INPUT[type=hidden]", _activeTb.parentNode).val(item.get_value());
	}
	else {
	$(_activeTb).val("");
	$("INPUT[type=hidden]", _activeTb.parentNode).val("");
	}
	}

	function HideDdl()
	{
	$("#fcts").append("HideDdl()<br />");
	_activeTb.style.visibility = '';
	_rcmb.hideDropDown();

	*/ uncommment the following lines**
	and the textbox onfocus() event will not be called
	in IE after OnClientBlur()... must reclick.
	Note: Firefox works ok.
	*/
	// _rcmb.get_element().style.display = 'none';
	// _rcmb.disable();
	}

	$(".ddl").focus(function()
	{
	ShowDdl(this);
	});
	});

	/* ]]> */
	</script>

	</div>
	</form>
	</body>
	</html>