Questions on Kendo UI for jQuery Forum

0 answers

62 views

Is it possible to have a write-only datasource?

Hi,

I'd like to have a datasource but I don't want the data source to read any data, just the "c-ud" operations.

I was trying to define the read as function that returns [] but it doesn't work properly, since when the read is called the page stays in loading.

Any ideas?

Thanks,
Ricardo

Data Source

asked on 22 May 2012

1 answer

234 views

Datasource called everytime I bind a dropdown list to it

I have a kendo grid setup with its own datasource and within the databound event I am binding a dropdownlist to its own datasource.

The grid binds ok and the dropdown is populate ok however when I look in the network console I am seeing that the datasource is calling my service everytime a dropdown list is added.

How can I set this up to only call the service the single time as I don't want to be making extra calls to my api

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "/API/store/get",

dataType: "json",

data: function () {

return {

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

};

}

});

var data = new kendo.data.DataSource({

transport: {

read: {

url: "getoutlets",

dataType: "json",

data: function () {

return {

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

};

}

});

$(document).ready(function () {

$("#outlets").kendoGrid({

sortable: true,

dataSource: data,

dataBound: function (e) {

$(".dropdown").kendoDropDownList({

dataTextField: "StoreName",

dataValueField: "StoreId",

dataSource: dataSource

});

console.log(e);

},

columns: [

{

field: "name",

title: "Name (Supplier)"

},

{

title: "Name",

template: "<input class='dropdown' id\='#=id #' value\='#=MappedStoreId #'></input>"

}

,

{

title: "",

template: '<a href="\\#" class="green-button small" data-id\="#=id #">Update</a>',

width: "110px"

}

]

// rowTemplate: kendo.template($("#rowTemplate").html())

});

Data Source

answered on 22 May 2012

1 answer

197 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

131 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

36 views

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

AutoComplete

asked on 22 May 2012

1 answer

73 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

75 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

79 views

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

48 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

144 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