Intersoft Community - WebCombo - I am trying to do a client side bind on the WebGrid control problems

I am trying to do a client side bind on the WebGrid control problems

handy@intersoftpt.com — Thu, 15 Nov 2012 21:57:00 GMT

Hello,

Here, I attached my working sample and it works well. I am using both to WebGrid and GridView. Two combos are used. Each of them are integrated to WebGrid or GridView. I am able to bind not only in the first row.

Regards,
Handy

I am trying to do a client side bind on the WebGrid control problems

mberlin — Thu, 15 Nov 2012 17:10:48 GMT

		function CreateData()		{
			
			var dataTable = new ISDataTable();
			var idColumn = new ISDataColumn(dataTable);
			var textColumn = new ISDataColumn(dataTable);
			var checkColumn = new ISDataColumn(dataTable);
			var descColumn = new ISDataColumn(dataTable);
				   
			/* setup data columns */
			dataTable.Name = dataTable.TableName = "Courses";
			idColumn.Name = idColumn.ColumnName = "CourseNum";
			textColumn.Name = textColumn.ColumnName = "Text";
				   
			/* add columns to data table */
			dataTable.Columns.Add(idColumn);
			dataTable.Columns.Add(textColumn);
			
			var midTerm_Checked = '<%= cb_midterms.Checked %>';
			/* add rows to data table */
			for(i=0;i<document.getElementById("ctl00_ContentPlaceHolder_main_ddl_Course_Main").options.length;i++)
			{
				var dataRow = dataTable.NewRow();
				dataRow.Cells.GetNamedItem("CourseNum").Value = document.getElementById("ctl00_ContentPlaceHolder_main_ddl_Course_Main").options[i].value;
				dataRow.Cells.GetNamedItem("Text").Value = document.getElementById("ctl00_ContentPlaceHolder_main_ddl_Course_Main").options[i].text;
				
				dataTable.Rows.Add(dataRow);
			}
			
			var combo = ISGetObject("wc_ddl_courses_Table");
					
			if(combo != null) {
				/* bind the data table to WebCombo */
				combo.SetDataSource(dataTable);
				combo.DataBind();
				combo.Render();
				combo.ShowDropDown();
				   
				event.cancelBubble = true;
				event.returnValue = false;
			}
}
<asp:DropDownList ID="ddl_Course_Main" CssClass="hidden" runat="server"></asp:DropDownList>
<asp:GridView ID="gv_main" runat="server"
							CssClass="gridview"
							GridLines="Both"
							AutoGenerateColumns="False"
						    OnRowDataBound="gv_main_OnRowDataBound"
						    AlternatingRowStyle-BackColor="LightGray"
							EmptyDataText="No Records Found">
							<Columns>				<asp:TemplateField HeaderText="Course" ItemStyle-Wrap="false" HeaderStyle-ForeColor="Black" HeaderStyle-HorizontalAlign="Left">
									<ItemTemplate>
										<asp:Label ID="lbl_course_number" CssClass="data" runat="server" Text='<%# Eval("CourseNum")%>'></asp:Label>
										<asp:Label ID="lbl_course_name" CssClass="data" runat="server" Text='<%# Eval("CourseName")%>'></asp:Label>										<div id="Wc_Course" runat="server">
										<ISWebCombo:WebCombo ID="wc_ddl_courses_Table" runat="server" Height="20px" UseDefaultStyle="True"
											Width="150px" ViewStateStorage="None" DataTextField="Text" DataValueField="CourseNum"
											BindingOperationMode="ClientBinding">
											
											<Columns>
												<ISWebCombo:WebComboColumn Name="CourseNum" BaseFieldName="CourseNum" HeaderText="Course Number" />
												<ISWebCombo:WebComboColumn Name="Text" BaseFieldName="Text" HeaderText="Item Text" />
												
											</Columns>
											
											<LayoutSettings ComboMode="MultipleColumns" StatusBoxVisible="false" />
											<FlyPostBackSettings PostHiddenFields="true" PostInputControls="true" />
											
										</ISWebCombo:WebCombo>
											</div>
										
			
																</ItemTemplate>
								</asp:TemplateField>
		</Columns>
						</asp:GridView>

Only does the first one

I am trying to do a client side bind on the WebGrid control problems

mberlin — Tue, 13 Nov 2012 23:56:00 GMT

The example again only works with a webcombo not in a webgrid or gridview. I have a colume in a webgrid that has combo boxes that I want to have all the same data that I am trying to do a client side bind but. But I can not apply all webcombo with it only does the first row webcomb

I need to do some thing like

for(var i=1; grid.rows.lenght; i++) {

var combo = grid.rows[i].cells[0].ISGetObject("ddl_courses");

combo.SetDataSource(dataTable);

}

but is does not work any ideas.

Matt

I am trying to do a client side bind on the WebGrid control problems

Hans — Tue, 13 Nov 2012 22:53:53 GMT

Hello,

I apologize for any inconvenience this problem may have caused you and please forgive me for lack of understanding about the reported problem.

I made a simple sample that perhaps similar with your scenario requirement.

I bind WebGrid to access data source (Northwind.mdb database and Shippers table).

In WebGrid, I add one column and set the EditType to "WebComboNET".

I also set the WebCombo to use client binding.

However I can’t reproduce your issue on my end.

Could you provide me the step by step how to reproduce your issue on my end?

Or could you provide me a simple sample that replicates your issue? So I can help you to investigate this issue further more.

And if you don’t mind, please kindly have on my sample and let me know if there is configuration that I missed in my sample.

Regards,

Hans.

I am trying to do a client side bind on the WebGrid control problems

mberlin — Tue, 13 Nov 2012 15:48:00 GMT

I have a Gridview that has a coloum of WebCombos that I want to do a Client side bind on.

If I do te standard

var combo = ISGetObject("ddl_courses");

/* bind the data table to WebCombo */

combo.SetDataSource(dataTable);

combo.DataBind();

combo.Render();

combo.ShowDropDown();

event.cancelBubble = true;

event.returnValue = false;

}

It only binds to the first row I have tried to put this is a loop for each row but I can not get it to work with the ISGetObject

Any help would be great.

Matt