Hi

I am trying to get all the functions of a Grid operational.
I have two html tables on one page, which have different id's ("resulttable" and "invoicedetails").
Their set-up is the same: a header with <thead> etc </thead> and a bunch of rows populated by looping through a dataset.
Their visibility is exclusive: when resulttable is visible, invoicedetails is not, and vice versa.
For both tables I instantiatie KendoGrid in the same manner:

			$(document).ready(function () {
				$("#resulttable").kendoGrid({
					width: 860,
					groupable: false,
					sortable: false,
					scrollable: false
				});
			});

and

			$(document).ready(function () {
			    $("#invoicedetails").kendoGrid({
					width: 860,
					groupable: false,
					sortable: false,
					scrollable: false
				});
			});

 Now my questions:
I would like to get the grouping operational.
If I set groupable to true for the first table, everything is ok.
However, if I set groupable to true in the second table, two grouping bars appear above my second table, irrespective of the fact that the first table is not visible at all, and that the groupable-attribute of the first table is set to false.
It looks like the second snippet is controlling the first as well.

Has anyone had this issue before, and is there a solution to this?
Probably I am doing something wrong; question is: what?

I would like to get sorting operational.
Both tables are filled by looping through a dataset created by calling a webservice.
I would like to sort the second table, but it looks like it does not do this correctly.
I sort for example a column of prices (formatted as decimal or double or string makes no difference), but it only switches three or four rows out of 20.
What could be a solution to this issue?

The code for "invoicedetails" is:

<table id="invoicedetails">
	<thead>
        <tr>
			<th ><%=Session("formfields")(453) %></th>
			<th ><%= Session("formfields")(958) %></th>
			<th ><%=Session("formfields")(323)%></th>
			<th ><%=Session("formfields")(961) %></th>
			<th ><%=Session("formfields")(348) %></th>
			<th ><%=Session("formfields")(963) %></th>
        </tr>
	</thead>
	<tbody>
	<% iCnt = 0
		Dim strClass As String = ""
		For Each order In getorders.Rows
			Dim totalex As Decimal = order("nrprod") * order("unitprice")
			totalex = thisorder.round(totalex, 2)
			Dim totalin As Decimal = thisorder.round(totalex * (100 + order("vatperc")) / 100, 2)
			Dim nrunit As String = ""
			If CInt(order("nrprod")) <> 1 Then
				nrunit = order("nrprod").ToString
			End If%>
			<tr >
				<td ><a href="<%: Url.Action(targetaction, targetcontroller, New With {.id = ViewData("functionid"), .roleid = Session("roleid"), .invoicenr=session("invoicenr")}, Nothing) %>"><%=order("invnr") %></a></td>
				<td ><%=order("invline") %></td>
				<td  ><%= order("invdate")%></td>
				<td><%=totalex  %></td>
				<td ><%=order("vatperc")  %>%</td>
				<td ><%=totalin %></td>
			</tr>
			<%iCnt = iCnt + 1
		Next %>   
	</tbody>
</table>

Any help is appreciated!

KR

Henk Jelt

Hi,


 I  have an upload control  when ever i am selecting a file a remove option is coming by default beside the remove button i want a dropdownlist  to differentiate the selected files else is there any other option to pass comments for each selected file.

Please send me any samples (or) examples.


Thanks,

Hi Telerik,

I have a grid with 5 columns (Product name, Color, Size, Quantity, Price).  So the user is able to select a product from a dropdown in cell 1 and select a color from cell 2 and so on and so forth....you get the picture.

Now, I also need the functionality for them to create custom (or what I call a "Free Form" rows) rows.  These rows will have an empty text box that spans the entire length of Product Name, Color and Size.....colspan="3", while the cells for quantity and price remain intact.  

I was wondering how would I do this using KendoGrid?  

Thanks.  

Hi,

I have used KendoUI with jQuery and it works very well. Now I need to develop an application that will not use jQuery.

Can I work with kendoUI without jQuery. How can I do it ???

Thanks in advance

I have some splitters which remember state per user.

If I collapse a panel then expand it all works fine.

But if I collapse the panel, reload the page so that its initialised collapsed, then expand it, I am unable to resize it.

Reloading the page so it starts expanded and all is fine again.



  $("#main_wrap").kendoSplitter({
orientation: "horizontal",
panes: [
<? if ($_SESSION['horizontal'] <= 0){$sidebar_state = ", collapsed: true"; $_SESSION['horizontal'] = 100;} ?>
{ collapsible: true<?=$sidebar_state?>,  resizable:true,  size: "<?=$_SESSION['horizontal']?>px" },  
{ collapsible: false, resizable:true} 
]
        });

Hi,
I have a problem with the chart component.
I have a wcf service for retrieving data for the kendo ui chart.

I just would like to transfer two parameters by using the line ;

 data: '{BasTar:"2011-01-01",SonTar:"2011-12-31"}'

and my service side is 
in IProductService.cs
and in ProductService.svc.cs

The issue is I am getting always null (0001-01-01) date value in the  ProductService.svc.cs .

If ı don't use any parameters, I mean with the

public IList<ModelIlBazliAnaliz> jIlBazliAnaliz() ;

without any parameters , my chart works great. But it is an obligation to have the chart filled for some time intervals. 


I wonder how can I send the BasTar and SonTar datetime parameters to the wcf service? I think this is possible.
Kind regards.
Inanc

Why do we need grid for kendo UI and how to get and start kendo with grid?


thanks.
Parvathi

i am not getting kendo effect while running the html page with kendo code in wamp server.why the tags are not supported in wamp?
and also kendo button event is not performing any action while running in google chrome.It would be helpful when anyone gives the solution..



Thanks,
Parvathi

Hi,

We use jQuery very much, and rely on many of the features as well as plugins that make life easy.
One of the plugins we use a lot is livequery.  this plugin allows us to do modifications on elements that are being added to the DOM after the page was already loaded, by AJAX for instance.

Example code:

As I'm sure you can read yourself, this bit of code says "each time you find a new h1 tag which is added to the dom, and which does not yet have the classname fx-cufon assigned to it, add the class name (to indicate this element has been processed already), and replace the tag with its Cufon font.

This works really great, and I can recommend anyone doing so, as I never need to think about newly added items; in fact this enables me to write grid initialisation code just once, and initialise it everytime I load a <div> with a specifica class...

Now my question.  I noticed this was no longer working when we migrated from jQueryUI dialogs to the KendoUI Window widget.  Digging into the code, I noticed that your window put the page in an iFrame (??!!??) which in my opinion isn't a nice solution really, as that means that the code is NOT being added to the DOM.

I found a configuration "iframe" in the documentation which I set to false, but that test didn't being a solution that helped me out. (I still got iframes as a result...)


I'm sure I can work around this by loading the ajax content myself, adding it to a newly created div, and popup the window from that div, but I don't think that should be the way we should be adding.

Is there a reason why you use iframes?  It just doesn't make sense to me to be honest.

I am try to bind data to a list view (http://demos.kendoui.com/web/listview/index.html) from result of asp.net mvc controller method.
What is the way we can attach the model data or Controller data to the kendo datasource?

Below code does not work.

--MVC Controller Method returning Products results set.

public ActionResult GetProducts()
{
----------
  return Json(Products, JsonRequestBehavior.AllowGet);
}

--Javascript to bind datasource
var dataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: ('@Url.Action("GetProducts")'),
                            dataType: "jsonp"
                        }
                    },
                    pageSize: 12
                });

// Model View
@model IEnumerable<Models.Product>

@{

    ViewBag.Title = "Index";

}