or
Hi Team,
In my web application,
<asp:TableRow> <asp:TableCell> <div id="JumpChoice"> <table> <tr> <td id="Td1"> <span class="smallTitle">Column Repeat</span><br /> <telerik:RadComboBox ID="uxCheckboxChoicesColumnRepeat1" runat="server" OnClientSelectedIndexChanged="CheckBoxChoicesColumnRepeatChanged1"> <Items> <telerik:RadComboBoxItem Text="One Column" Value="1" /> <telerik:RadComboBoxItem Text="Two Columns" Value="2" /> <telerik:RadComboBoxItem Text="Three Columns" Value="3" /> <telerik:RadComboBoxItem Text="Four Columns" Value="4" /> </Items> </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Panel runat="server" ID="uxJumpPanel"> <telerik:RadListView ID="feeldChoices" runat="server" OnItemDataBound = "feeldChoices_ItemDataBound" > <ItemTemplate> <table cellpadding="0" cellspacing="0"> <tr> <td> <telerik:RadTextBox runat="server" Text='<%# Eval("Text") %>' onkeyup="SyncListToCheckbox(this)" ID="uxItemText" Width="260"> </telerik:RadTextBox> <telerik:RadComboBox runat="server" ID="uxSelectPage1" ></telerik:RadComboBox> </td> <td> <img id="imageAdd" style="cursor: pointer" runat="server" onclick="InitiateAjaxRequest('1,3,add|' + this.id + ',' + selectedDockId); SetUnsaved();" alt="Add field choice" border="0" src="Images/Add.png" /> </td> <td> <img id="imageDelete" style="cursor: pointer" runat="server" onclick="InitiateAjaxRequest('1,3,remove|' + this.id + ',' + selectedDockId); SetUnsaved();" alt="Delete field choice" border="0" src="Images/Delete.png" /> </td> </tr> </table> </ItemTemplate> </telerik:RadListView> </asp:Panel> </td> </tr> </table> </div> </asp:TableCell> </asp:TableRow>
what I want is, how do I set value to this uxSelectPage1 combobox from codebehind?
//Thanks
function
ClientTabSelected(sender, args) {
var
radgrid;
if
(sender.get_selectedIndex() == 0) {
radgrid = $find(
"<%= rgGrid1.ClientID %>"
);
}
else
{
radgrid = $find(
"<%= rgGrid2.ClientID %>"
);
}
FixGrid(radgrid);
}
ScriptManager.RegisterClientScriptResource(
this
, GetType(),
"Search.MySearch.js"
);
[assembly: WebResource(
"Search.MySearch.js"
,
"text/javascript"
)]
<div class=
"collapsibleContainer"
data-title=
"Notifications"
>
<telerik:RadAjaxLoadingPanel ID=
"notificationsLoadingPanel"
runat=
"server"
Skin=
"Simple"
/>
<telerik:RadTreeList ID=
"notificationsTree"
runat=
"server"
AutoGenerateColumns=
"false"
AllowSorting=
"false"
AllowPaging=
"false"
OnNeedDataSource=
"notifications_needdata"
DataKeyNames=
"ID"
ParentDataKeyNames=
"PID"
ShowTreeLines=
"false"
EditMode=
"PopUp"
OnPreRender=
"notifications_PreRender"
OnItemDataBound=
"notificationTree_ItemDataBound"
OnItemCommand=
"notificationTree_ItemCommand"
>
<Columns>
<telerik:TreeListEditCommandColumn ShowEditButton=
"false"
AddRecordText=
"Add"
HeaderStyle-Width=
"50px"
/>
<telerik:TreeListBoundColumn HeaderText=
"ID"
DataField=
"ID"
UniqueName=
"ID"
Visible=
"false"
/>
<telerik:TreeListBoundColumn HeaderText=
"PID"
DataField=
"PID"
UniqueName=
"PID"
Visible=
"false"
/>
<telerik:TreeListBoundColumn HeaderText=
"Name"
DataField=
"Name"
/>
<telerik:TreeListBoundColumn HeaderText=
"Item"
DataField=
"ItemsID"
HeaderStyle-Width=
"100px"
/>
<telerik:TreeListBoundColumn HeaderText=
"Trigger On Allocate"
DataField=
"TriggerOnAllocate"
HeaderStyle-Width=
"125px"
/>
<telerik:TreeListBoundColumn HeaderText=
"Category"
DataField=
"Category"
/>
<telerik:TreeListBoundColumn HeaderText=
"Location"
DataField=
"Location"
HeaderStyle-Width=
"125px"
/>
<telerik:TreeListEditCommandColumn ShowAddButton=
"false"
HeaderStyle-Width=
"50px"
/>
<telerik:TreeListButtonColumn HeaderStyle-Width=
"55px"
Text=
"Delete"
CommandName=
"Delete"
ButtonType=
"LinkButton"
/>
</Columns>
<EditFormSettings EditFormType=
"Template"
PopUpSettings-Modal=
"true"
InsertCaption=
"Add Notification"
PopUpSettings-Height=
"550px"
PopUpSettings-Width=
"730px"
>
<FormTemplate>
<table>
<tr>
<asp:Label ID=
"notificationID"
runat=
"server"
Text=
'<%#Bind("ID") %>'
Visible=
"false"
/>
<td>Name:</td>
<td colspan=
"3"
><telerik:RadTextBox ID=
"editName"
runat=
"server"
EmptyMessage=
"Enter Name"
/></td>
</tr>
<tr>
<td>Repeat Interval:</td>
<td><telerik:RadTextBox ID=
"editInterval"
runat=
"server"
/></td>
<td>Max Repeat:</td>
<td><telerik:RadTextBox ID=
"editRepeat"
runat=
"server"
/></td>
</tr>
<tr>
<td>Send On Weekends:</td>
<td><asp:CheckBox ID=
"editWeekends"
runat=
"server"
/></td>
<td>Send On Holidays:</td>
<td><asp:CheckBox ID=
"editHolidays"
runat=
"server"
/></td>
</tr>
<tr>
<td colspan=
"2"
>Item:</td>
<td colspan=
"2"
>Location:</td>
</tr>
<tr>
<td style=
"vertical-align:top;"
><telerik:RadComboBox ID=
"editItem"
runat=
"server"
EmptyMessage=
"Type a PS#"
MarkFirstMatch=
"true"
OnSelectedIndexChanged=
"editItem_SelectedIndexChanged"
/></td>
<td>
<telerik:RadButton ID=
"editItemTransfer"
runat=
"server"
Text=
"+"
OnClick=
"editItemTransfer"
/>
<telerik:RadListBox ID=
"editItemListBox"
runat=
"server"
AllowDelete=
"true"
Height=
"170px"
Width=
"130px"
ButtonSettings-Position=
"Left"
/>
</td>
<td style=
"vertical-align:top;"
>
<telerik:RadComboBox ID=
"editLocationComboBox"
runat=
"server"
OnClientDropDownOpened=
"OnClientDropDownOpenedHandler"
ShowToggleImage=
"true"
Width=
"230px"
>
<ItemTemplate>
<div id=
"div1"
>
<telerik:RadTreeView ID=
"editLocationTreeView"
runat=
"server"
OnClientNodeClicking=
"locationNodeClicking"
/>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text=
""
/>
</Items>
</telerik:RadComboBox>
<script type=
"text/javascript"
>
var
div1 = document.getElementById(
"div1"
);
div1.onclick = StopPropagation;
</script>
</td>
<td><telerik:RadListBox ID=
"editLocationListBox"
runat=
"server"
AllowDelete=
"true"
AllowTransfer=
"true"
Height=
"170px"
Width=
"170px"
>
<ButtonSettings ShowDelete=
"true"
Position=
"Left"
TransferButtons=
"TransferTo"
/>
</telerik:RadListBox></td>
</tr>
<tr>
<td colspan=
"4"
>Category:</td>
</tr>
<tr>
<td style=
"vertical-align:top;"
><telerik:RadComboBox ID=
"editCategory"
runat=
"server"
EmptyMessage=
"Type a Category"
MarkFirstMatch=
"true"
/></td>
<td colspan=
"3"
>
<telerik:RadButton ID=
"editCategoryTransfer"
runat=
"server"
Text=
"+"
OnClick=
"editCategoryTransfer"
/>
<telerik:RadListBox ID=
"editCategoryListBox"
runat=
"server"
AllowDelete=
"true"
Height=
"170px"
Width=
"200px"
ButtonSettings-Position=
"Left"
/>
</td>
</tr>
<tr>
<td colspan=
"4"
>
<telerik:RadButton ID=
"editSubmit"
runat=
"server"
Text=
"Submit"
CommandName=
"Add Details"
/>
<telerik:RadButton ID=
"updateSubmit"
runat=
"server"
Text=
"Update"
CommandName=
"Update"
Visible=
"false"
/>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</telerik:RadTreeList>
<script type=
"text/javascript"
>
function
locationNodeClicking(sender, args) {
var
combobox = document.getElementById(editLocationComboBox.InputID);
alert(combobox);
var
node = args.get_node()
comboBox.set_text(node.get_text());
comboBox.trackChanges();
comboBox.get_items().getItem(0).set_text(node.get_text());
comboBox.commitChanges();
comboBox.hideDropDown();
// Call comboBox.attachDropDown if:
// 1) The RadComboBox is inside an AJAX panel.
// 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node.
// Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel.
comboBox.attachDropDown();
}
function
StopPropagation(e) {
if
(!e) {
e = window.event;
}
e.cancelBubble =
true
;
}
function
OnClientDropDownOpenedHandler(sender, eventArgs) {
// var tree = document.getElementById(editLocationTreeView.InputID);
var
tree = sender.get_items().getItem(0).findControl(
"editLocationTreeView"
);
var
selectedNode = tree.get_selectedNode();
if
(selectedNode) {
selectedNode.scrollIntoView();
}
}
</script>
<
telerik:GridEditCommandColumn
ButtonType
=
"ImageButton"
>
</
telerik:GridEditCommandColumn
>
<
telerik:RadGrid
ID
=
"Grid1"
AllowPaging
=
"true"
AllowCustomPaging
=
"true"
GroupingEnabled
=
"true"
ShowGroupPanel
=
"false"
ShowStatusBar
=
"false"
AutoGenerateColumns
=
"false"
VirtualItemCount
=
"100000"
runat
=
"server"
OnItemDataBound
=
"Grid1_ItemDataBound"
OnNeedDataSource
=
"Grid1_NeedDataSource"
>
<
PagerStyle
AlwaysVisible
=
"true"
Mode
=
"NextPrevAndNumeric"
PagerTextFormat="Change page: {4} <strong><
b
>{5}</
b
> Items In <
b
>{1}</
b
> Pages </
strong
>"
PageSizeLabelText="Items Per Page : " />
<
GroupingSettings
CollapseTooltip
=
"Collapse client items"
ExpandTooltip
=
"Expand client items"
RetainGroupFootersVisibility
=
"true"
/>
<
MasterTableView
EnableColumnsViewState
=
"false"
EnableViewState
=
"true"
TableLayout
=
"Auto"
ShowGroupFooter
=
"true"
GroupLoadMode
=
"Client"
>
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
SelectFields
>
<
telerik:GridGroupByField
HeaderText
=
"Client"
FieldName
=
"ClientNameWithID"
SortOrder
=
"Ascending"
/>
</
SelectFields
>
<
GroupByFields
>
<
telerik:GridGroupByField
HeaderText
=
"Client"
FieldName
=
"ClientNameWithID"
SortOrder
=
"Ascending"
/>
</
GroupByFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
</
MasterTableView
>
<
ClientSettings
AllowGroupExpandCollapse
=
"true"
>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
SaveScrollPosition
=
"false"
/>
<
ClientEvents
OnGridCreated
=
"GridCreated"
/>
<
Resizing
AllowRowResize
=
"False"
EnableRealTimeResize
=
"True"
ResizeGridOnColumnResize
=
"False"
AllowColumnResize
=
"False"
></
Resizing
>
</
ClientSettings
>
</
telerik:RadGrid
>