Questions on Kendo UI for jQuery Forum

1 answer

228 views

Adding a dropdown list to a table causing datasource to call webservice multiple times

I am using mvc to generate my table then I am apply the kendo grid to the table.

In one of the grid cells I am using a kendo dropdownlist. I am having a couple of problems. My script look likes

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/API/store/get",

dataType: "json",

data: function () {

return {

businessId: $("#BusinessId").val()

};

}

});

$("#outlets").kendoGrid({ sortable: true });

$(".dropdown").kendoDropDownList({

dataTextField: "StoreName",

dataValueField: "StoreId",

optionLabel: "Select...",

dataSource: dataSource

});

Problem 1. The datasource is calling my webservice for every dropdown list bound to it. Is it possible to only have the service called once?

Problem 2. the optionLabel value is only applied to 1st dropdownlist and no others. Is this a bug or something wrong with the way I have configured it?

Thank you!

DropDownList

answered on 22 May 2012

0 answers

140 views

How to initialize the custom Widget in TD(grid cell) ?

HI support,

I have a jQuery Custom widget, how to initialize that widget in Kendo Grid cell using the template?

This is my Template

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

<div class="IDCOL">

<script type="text/javascript">

$('.IDCOL').Block();

{{html "</sc"+"ript>"}}

</div>

</script>

and Kendo Grid initialization

$("#container").kendoGrid({

..........

columns : [{

title : "ID",

template : kendo.template($("#IDCOL-tmpl").html())

}, "StartTime", "EndTime"]

});



This is the error:

"Microsoft JScript runtime error: Could not complete the operation due to error 80020101.") in globalEval (which is in jquery-1.7.1.js)

Grid

asked on 22 May 2012

0 answers

48 views

Autocomplete data not populating data in IE...Working in Mozilla and Chrome

AutoComplete

asked on 22 May 2012

1 answer

81 views

Problem populating data on grid from json

I am not sure whats the problem, I am following the documentation but it doesnt seem to work. Attached both files.

Thank you
Claudia

Grid

answered on 22 May 2012

1 answer

85 views

ListView 2nd page Item selection is not working properly.

Hi,

I implemented kendo ui listview it is binding perfectly and showing image its finally looks great.

But i have one simple problem after binding the listview when go to second page and i clicked on the item i am not getting selection item values.

i used the below lines.
selected = $.map(this.select(), function (item) {
return data[$(item).index(i)].Name;
});

ListView

answered on 22 May 2012

2 answers

94 views

[Solved] Custom widget array value in options not being set as expected

I have a custom widget that receives options. On of the options is an array of strings. By default the array value in the options, as defined in my widget, has six values. When instantiating the widget, the end user can supply his own array to override these values. Instead of replacing the entire array, each value passed replaces the default value, leaving a total of six still, even if only one value is passed.

Here's some pseudocode:

// Defined in the widget as defaults

options: {

intervals: ["Day", "Month", "Quarter", "Year"]

}

// Later, when creating my widget

$("#widget").kendoMyWidget({

intervals: ["Month"]

});

What I would expect is that after calling Widget.fn.init.call(that, element, options) in my widget, that options.intervals array would only contain "Month". Instead it contains: "Month", "Month", "Quarter", "Year". Any thoughts on this?

General Discussions

answered on 21 May 2012

0 answers

53 views

Can the delete confirmation access the data being deleted ?

Instead of a 'delete this record?' prompt I would prefer to hint at what is being deleted.

Supposing a

model: {

id: "treeview",

fields: {

treeview: { editable:false, field: "treeview/text()" },

name: { editable:true, field: "name/text()", defaultValue:"" },

timestamp: { editable:false, field: "timestamp/text()", defaultValue:"" }

}

A grid with this config does not prompt with the ${name}

editable: { mode:"popup", confirmation: "Delete ${name}? Really?" }

nor can I use a function for the confirmation message

Any ideas ?

Grid

asked on 21 May 2012

1 answer

155 views

Splitter How To

Please refer image.

1. Using vertical splitter results in a scrollbar. Why ? What is the fix ?

2. How do I target content into a particular pane ? For eg., in the image, when I click on a menu item I want to target the content onto right content pane

3. This might be related to Menu styling - When menu item content doesnt fit the splitter pane size, I would like it to overflow into the nearby pane. How do I set that ?

Thanks
Aparna

Splitter

answered on 21 May 2012

0 answers

405 views

Uncaught TypeError: Cannot read property 'index' of undefined Error

I'm trying to create a new Category but I get this error 

 "Cannot read property 'index' of undefined  Error"

<script type="text/javascript">

$(function () {

var category = kendo.data.Model.define({

Id: "Id"

});

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/Home/GetCategories",

dataType: "json"

},//read

create : {

url: "/Home/CreateCategory",

type : "POST",

data : {

name: $("#categoryName").val()

}

}, //transport

schema: {

model: category

}

});

$("#category").kendoGrid({

dataSource: dataSource

});

$("#createCategory").bind("click", function () {

dataSource.add({ Name: $("#categoryName").val() });

dataSource.sync();

dataSource.read();

});

</script>

}

<h2>@ViewBag.Message</h2>

<table id="category">

<tr>

<th data-field="Id">ID</th>

<th data-field="Name">Name</th>

</tr>

</table>

<input type="text" id="categoryName" name="name"/>

<input type="button" value="Create" id="createCategory"/>

Data Source

asked on 21 May 2012

0 answers

115 views

How to add 2 Level tabstrip

Hei

Iam new to Kendo ui . Iam trying to add the Second Level of Tabstrip but its not working . Example Like you have 3 tabs like

Registration Insurance MinSide

Now when click on Registration it should open 3 more tabs like

Reg.1 Reg2 Reg3

How to achieve this functionality . I have searched a lot but didnt fint any answer .

Please help

TabStrip

asked on 21 May 2012