Questions on Kendo UI for jQuery Forum

4 answers

2.9K+ views

Hi guys,

I was looking for a way to update the dataSource of the DropDownList dynamically, without recreating the control again. Take this code from your DropDownList example:

<input id="dropdownlist" />

<script type="text/javascript">

$(document).ready(function() {

$("#dropdownlist").kendoDropDownList([{text: "Item1", value: "1"}, {text: "Item2", value: "2"}]);

});

</script>

Do i need to recreate the dropdownlist input, or is there an easy way to replace the dataSource of the control and have it rebind?

Also, is there more documentation or complex examples coming before November, or will this be released in November along with the new controls?

Thanks,
Tony

DropDownList

answered on 26 Jan 2012

0 answers

119 views

Date Selected & Format in grid

Hi,



I need the ability to have the following:



1) Set the selected date of the datepicker in a grid.

2) Format the date picker and the date in the grid column.



Here is my code for you:



$(document).ready(function () {

//kendo.toString(new Date(), "MM/dd/yyyy")

dataSource = new kendo.data.DataSource({

serverPaging: true,

serverSorting: true,

batch: true,

pageSize: 100,

transport: { read: { url: "@Url.Action("Read", "Animals")", type: "POST" },

update: { url: "@Url.Action("Update", "Animals")", type: "POST" },

parameterMap: function (data, operation) {

alert(operation);

if (operation != "read") {

// post the Animals so the ASP.NET DefaultModelBinder will understand them:

var result = {};

//alert(data.models.length);

//alert(data.models);

for (var i = 0; i < data.models.length; i++) {

var animal = data.models[i];

for (var member in animal) {

result["animals[" + i + "]." + member] = animal[member];

}

return result;

}

}},

schema: { model: { id: "AnimalId", fields: { AnimalId: { editable: false, nullable: false }, Name: {editable: true, nullable: false, validation: { required: true }}, Description: {editable: true, nullable: false, validation: { required: false }},

FatherName: {editable: false}, MotherName: {editable: false}, BeginDate: {type: "date", editable:true, nullable:true, validation: { required: true }}, EndDate: {type: "date", editable:true, nullable:true, validation: { required: true }} }}},

success: function (data) { debugger; alert(data.d.Text); },

error: function (xmlHttpRequest) { debugger; alert("Sorry, we encountered the error: " + xmlHttpRequest.responseXML.text + " Please try again."); }

});

$("#grid").kendoGrid({

dataSource: dataSource,

scrollable:

{ virtual: true },

toolbar: ["create", "save", "cancel"],

sortable: true,

columns: [{ field: "Name" }, { field: "Description"}, { field: "BeginDate", title: "Date of Birth"}, { field: "EndDate", title: "Date of Death"},  { field: "FatherName", title: "Father"}, { field: "MotherName", title: "Mother"}],

editable: true

});

})



Thanks for your help!

Grid

asked on 26 Jan 2012

1 answer

136 views

Visual Studio Support

Will there be a VS-Support with Intellisense and stuff like that for the complete Kendo UI?
Greetings-

Tom

General Discussions

answered on 26 Jan 2012

0 answers

145 views

Treeview Issues

I am using an ajax call to get my initial nodes by doing this:

$(result.d).each(function () {

$("#treeData").append("<li data-id='" + this.GroupId + "'>" + this.Name + "</li>");

});

treeview = $("#treeData").kendoTreeView({

select: onKendoNodeSelect

});

This sets the nodes up ok but when a node is selected I tested with these two lines:

alert($(e.node).data("id"));

alert($(e.node).text());

The first is null but the second displays the correct text for the selected node, why is the first one null?

Also I tried to append to the node like so:

var selectedNode = treeview.select();

treeview.append({ text: "new node" }, selectedNode);

And it didn't display until I clicked on something else? I'm also not sure how to apply data attributes when appending?

TreeView

asked on 26 Jan 2012

3 answers

238 views

TreeView Nodes

Does the Treeview Node have an ID field - if not it would be nice to use for a DB Primary Key (I have looked maybe missed it!)

but I think the whole set of controls are very clean and sleek - great work

TreeView

answered on 26 Jan 2012

6 answers

201 views

DropDownList in IE8

I have 5 DropDownLists and they all work great in IE9, but in IE8 one of them does not drop down. I tried adding the following to its open event as I saw suggested for a similar issue for another control, suspecting it might be a z-index issue, but it didn't help. This dropdownlist is configured identically to some of the others, except that it queries a different web service to populate it. Unfortunatly, the users that will be using this are all using IE8. All of the dropdowns are inside a tabstrip.

$(".k-list-container").parent().css("zIndex", "11000");

DropDownList

answered on 26 Jan 2012

1 answer

99 views

OR filtering

Hi All,

I cannot figure out how to do "OR" filtering. It seems that the filtering is currently done using "AND" logic:

For Example:

var filter = [{ field: "name", operator: "contains", value: "mark"},

{ field: "title", operator: "contains", value: "mr."}];

This filter will find all records with a name containing "mark" AND a title containing "mr.". Is there a way to filter the records with a name containing "mark" OR a title containing "mr."?

Thanks in advance for any help!

Data Source

answered on 26 Jan 2012

6 answers

636 views

Disable inlinecount

My data service works with a large database. Getting data from it works OK but trying to get row count results in a timeout.

Is there any way I can stop Kendo sending $inlinecount=allpages in the request to my service? I tried overriding dataSource.transport.parameterMap, dataSource.transport.read.data and dataSource.schema.total but it causes Kendo to crash.

Error: data is undefined
Source File: kendo.all.js
Line: 4864

Data Source

answered on 26 Jan 2012

3 answers

174 views

lacking some features

Hi

One of the reason I purchased the KendoUI was mobile api but it is lacking a lot of stuff especially in iPad side. When will you guys publish new and improved build? Geo and layering over the map will be nice as well.

thanks guys

Wil

General Discussions

answered on 26 Jan 2012

1 answer

87 views

Grid Height Error: outerHeight returns 1px when grid is on second tab of a TabStrip

When a grid is created on a second tab of a TabStrip.
the header.outerHeight() returns 1px for the line "height -= header.outerHeight();" in function "_scrollable"

see http://jsfiddle.net/ttaylor/9uW3g/ for example

On the "Payment History" tab of the DetailTemplate shows the bug.

Grid

answered on 26 Jan 2012