Questions on Kendo UI for jQuery Forum

0 answers

148 views

How to synchronize a node (with its children eventually changed), when the datasource changes externally of treeview.
For instance the changes can be done in the same HTML page in an other control as a grid or a form.
We need to resyncf all thre tree rebinding to datasource or we can reload only a single node?

TreeView

asked on 26 Oct 2012

0 answers

110 views

Multiple checkbox validation

how to put validation on multiple checkbox with popup editor.?

Editor

asked on 26 Oct 2012

0 answers

87 views

Multiple checkbox validation

how to put validation on multiple checkbox with popup editor..?

Grid

asked on 26 Oct 2012

6 answers

1.1K+ views

Change event doesn't fire when it should

I have a numeric textbox that looks like this:

@(Html.Kendo().NumericTextBoxFor(m => m.Location.Latitude).Decimals(8).Min(-90).Max(90).Step(.01).Format("{0:0.########}").Events(events => events.Change("placeMarker")))

Every time someone hits the up/down arrow in the numerictextbox, i want the change event (placeMarker) to run. But it only runs after the person has clicked outside of the numerictextbox, i.e. it loses focus. Is there a way around this?

NumericTextBox

answered on 26 Oct 2012

0 answers

51 views

How to save 5 list views at a time

Hi,

Initially i will have the add button and when i click the add button the list view edit mode will appear and then i will add
the data. Then i will add another list and so on and finally i want to save all the listviews at a time.
how can i do that using kendo ui. Hope you will understand my question.

Thanks and Regards,
Srinivas

ListView

asked on 26 Oct 2012

1 answer

95 views

Wrong Example: kendo.format

Hi guys,

think this example (http://docs.kendoui.com/api/framework/kendo) is wrong:

Instead of

kendo.format("MVVM - {1}", 12, 24); //12 - 24

should there be

kendo.format("{0} - {1}", 12, 24); //12 - 24

Not very important but maybe a little bit confusing ....

Cu

Georg

Globalization

answered on 26 Oct 2012

3 answers

371 views

DataSource / Binding to remote data

Hello friends, I'm accessing an ASP.NET WebServices that return JSON. I can see the data correctly from the server to in FireBUG: (See Below)
 I am unable to fill my grid with my URL data returned.. What is my mistake?

{"d":"[{\"BalancePoint\":\"2017.000\",\"CustomerID\":\"000\",\"FirstName\":\"AA\",\"LastName\":\"ZX\"},
{\"BalancePoint\":\"224.000\",\"CustomerID\":\"001\",\"FirstName\":\"AB\",\"LastName\":\"ZY\"},
{\"BalancePoint\":\"1094.000\",\"CustomerID\":\"002\",\"FirstName\":\"AC\",\"LastName\":\"ZZ\"}
]"}

Data Source

answered on 26 Oct 2012

0 answers

271 views

Grid templates using JS variables

Hi currently I am trying to insert a global javascript object that I have into a template for a column in a grid using a datasource variable as the key.

For example:

title: columnOfGrid,
template: '#= field1 #, #= field2 #' + jsObject[#= field3 #]

Lets say that field3 = "text"

jsObject = {
"text" : "hello"
};

Why doesn't this work? Is there any way that I can insert the field3 value into the jsObject key selector?

Thanks in advance.

Grid

asked on 26 Oct 2012

1 answer

167 views

Can the DetailTemplate contain an editable Grid?

I am working with the following grid and running into an issue with the DetailTemplate:

<%: Html.Kendo().Grid<Thread.Data.Models.Model>()

.Name("Grid")

.Columns(columns =>

{

columns.Command(command => { command.Edit(); command.Destroy(); }).Width(190).HtmlAttributes(new { style = "text-align:center;" });

columns.Bound(m => m.ModelID).Hidden();

columns.Bound(m => m.ModelName).Width(140);

columns.Bound(m => m.Company).Width(160).ClientTemplate("#= (typeof Company === 'undefined') ? ' ' : Company.CompanyName #").EditorTemplateName("CompanyDropDownList");

columns.Bound(m => m.DocumentCount).Width(90).ClientTemplate("#= (DocumentCount === null) ? '0' : DocumentCount #");

columns.Bound(m => m.AlertCount).Width(90).ClientTemplate("#= (AlertCount === null) ? '0' : AlertCount #");

columns.Bound(m => m.ArticleCount).Width(90).ClientTemplate("#= (ArticleCount === null) ? '0' : ArticleCount #");

})

.ClientDetailTemplateId("jobDetailTemplate")

.ToolBar(toolBar =>

{

toolBar.Create();

})

.Editable(editable => editable.Mode(Kendo.Mvc.UI.GridEditMode.InLine))

.HtmlAttributes(new { style = "height: 500px" })

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.Events(events => events.DataBound("dataBound"))

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.PageSize(2)

.Events(events => events.Error("error_handler"))

.Model(model =>

{

model.Id(j => j.ModelID);

model.Field(j => j.ModelID).Editable(false);

model.Field(j => j.AlertCount).Editable(false);

model.Field(j => j.ArticleCount).Editable(false);

model.Field(j => j.DocumentCount).Editable(false);

})

.Read(read => read.Action("Model_Read", "Models"))

.Update(update => update.Action("Model_Save", "Models"))

.Create(create => create.Action("Model_Save", "Models"))

.Destroy(destroy => destroy.Action("Model_Destroy", "Models"))

)

%>

From there I'm trying to create a DetailTemplate that contains 3 tabs, and in one of the tabs another grid. So far so good, it loads rows and works fine. But I want to be able to create/edit/delete the rows in the grid. When I remove the comments from

 toolbar, editable, columns.Command in the code below I get this error on the line creating the grid.



 The model item passed into the dictionary is of type 'System.Int32', but this dictionary requires a model item of type 'System.String'. 



items.Add().Text("Documents").Content(obj => Html.Kendo().Grid<Thread.Data.Models.Article>()

Is this possible to achieve, or am I missing an obvious error?  I saw it in a Telerik ASP.NET demo and wanted to try it here.

<script id="jobDetailTemplate" type="text/kendo-tmpl">

<%: Html.Kendo().TabStrip()

.Name("TabStrip_#=ModelID#")

.SelectedIndex(0)

.Items(items =>

{

items.Add().Text("Articles").Content(

"<div class='employee-details'>" +

"<ul>" +

"<li><label>Country:</label>test 1</li>" +

"<li><label>City:</label>test 2</li>" +

"<li><label>Address:</label>test 3</li>" +

"<li><label>Home Phone:</label>test 4</li>" +

"</ul>" +

"</div>"

);

items.Add().Text("Alerts").Content(

"<div class='employee-details'>" +

"<ul>" +

"<li><label>Country:</label>another test</li>" +

"<li><label>City:</label>1</li>" +

"<li><label>Address:</label>2</li>" +

"<li><label>Home Phone:</label>2</li>" +

"</ul>" +

"</div>"

);

items.Add().Text("Documents").Content(obj => Html.Kendo().Grid<Thread.Data.Models.Article>()

.Name("Articles_#ModelID#")

//.Toolbar(toolbar => toolbar.Create())

//.Editable(editable => editable.Mode(Kendo.Mvc.UI.GridEditMode.InLine))

.Columns(columns =>

{

//columns.Command(command => { command.Edit(); command.Destroy(); }).Width(190).HtmlAttributes(new { style = "text-align:center;" });

columns.Bound(a => a.ArticleID).Width(101);

columns.Bound(a => a.ArticleName).Width(140);

columns.Bound(a => a.CompanyID).Width(200);

})

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ModelArticles_Read", "Models", new { modelID = "#=ModelID#" }))

.Update(update => update.Action("Article_Save", "Models"))

.Create(create => create.Action("Article_Save", "Models"))

.Destroy(destroy => destroy.Action("Article_Destroy", "Models"))

)

.Pageable()

.Sortable()

.ToClientTemplate()

);

})

.ToClientTemplate()

%>

</script>

Thanks,
Matt

Grid

answered on 26 Oct 2012

0 answers

148 views

Export to excel

Would it be possible to use something like this for excel exporting?

http://www.kunalbabre.com/projects/table2CSV.php

Im thinking you could change the paging to show all rows then export it then change the paging back to what it was

Grid

asked on 25 Oct 2012