Questions on Kendo UI for jQuery Forum

0 answers

91 views

For testing purposes (and fiddling) having with a string containing XML would be easier.

var myXmlData = '
<TABLE>
<STORES>
<store> 1004 </store><CITY> Houston </CITY><STATE> TX </STATE><ZIP> 77065 </ZIP><WIDTH> 100 </WIDTH></STORES>
<STORES>
<store> 1031 </store><CITY> MCALLEN </CITY><STATE> TX </STATE><ZIP> 78503 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
<STORES>
<store> 1043 </store><CITY> Selma </CITY><STATE> TX </STATE><ZIP> 78154 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
<STORES>
<store> 1044 </store><CITY> San Antonio </CITY><STATE> TX </STATE><ZIP> 78230 </ZIP><WIDTH> 100 </WIDTH>
</STORES>
</TABLE>';

Is there a way to coerce DataSource to use myXmlData as the 'read'

Data Source

asked on 17 Mar 2012

1 answer

243 views

Loading Indicator

Is there a loading image/indicator that I can use when the page is loading or when I'm populating controls via ajax calls? I thought I saw one on the nav bar on my Android phone when viewing your demos.

Thanks!

General Discussions

answered on 16 Mar 2012

0 answers

98 views

How can I change chart data, categoryAxis and Series info on the fly

Ok, so I have a kendoWindow with a chart in it. I have a drop down list atop the window which represents different charts I may want to see. I can change the data on the chart using the myChart.dataSource.data(myData) method just fine. However, sometimes my data has different series and Category Axis info. How can I update those also?

Charts

asked on 16 Mar 2012

1 answer

126 views

bug sharing datasource between two grids

Although two grids can share data items from a single data source, I ran into problems when I created a hierarchy of data, the secondary grid would show an array on the first grid's data item. This wasn't a problem before I started using the beta, so I am guessing it has something to do with the arrays on the data items becoming observable objects.

I encountered too odd bugs.
1. editable:false on the schema was ignored in the secondary grid.
2. Any cell that is empty on the secondary grid could not be edited.

Here is an example:
http://jsfiddle.net/egrubbs/H6dAW/7/

I solved the problem by just creating a new array with just the necessary values taken out of the Observable objects. I would really appreciate it if the grid would give me an error when the datasource won't work with it.

Grid

answered on 16 Mar 2012

1 answer

160 views

How can we Configure the ComboBox within the Grid.

Hello,

I would like to know, how can we place comboBox within the Grid cell.

Please look at the codes

<!DOCTYPE html>

<html>

<head>

<title></title>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.all.js"></script>

<link href="css/kendo.common.css" rel="stylesheet" />

<link href="css/kendo.default.css" rel="stylesheet" />

</head>

<body>

<div id="example" class="k-content">

<div id="grid"></div>

<script>

$(document).ready(function (){

dataSource = new kendo.data.DataSource({

transport: {

read:{

url: "http://localhost/kendo-prac/data/employees.php",

dataType: "jsonp"

},

update: {

url: "http://localhost/kendo-prac/data/update.php",

dataType: "jsonp"

},

destroy: {

url:"http://localhost/kendo-prac/data/delete.php",

dataType: "jsonp"

},

parameterMap: function(options, operation) {

if (operation !== "read" && options.models) {

return {models: kendo.stringify(options.models)};

}

},

batch: true,

pageSize: 10,

schema: {

model: {

id: "ID",

fields: {

Name: { editable: false, nullable: false },

Title: { editable: true, nullable: false },

URL: { editable: true, nullable: false },

FTP: { editable: true, nullable: false },

Status: { type: "string", editable:false},

Remarks: { editable: false, nullable: false }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

navigatable: true,

pageable: true,

height: 650,

scrollable: true,

sortable: true,

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

columns: [

{ field: "Name", width: "60px" },

{ field: "URL", width: "350px" },

{ field: "Title", width: "150px" },

{ field: "FTP", width: "150px" },

// { field: "Date", width: "150px" },

// { field: "Status", width: "100px" },

{field: "Status", width:"150px", template: function(container, options) {

$('<input name="' + options.field + '"/>').appendTo(container).kendoComboBox([

{text: "Item1", value: "1"},

{text: "Item2", value: "2"}

]);

}

},

{ field: "Remarks", width: "50px",template:('<a href="http://www.xyz.com?eid=#=ID#" target="_blank">#=Remarks#</a>')},

{ command: "destroy", title: "Delete", width: "100px" }],

editable: true

});

</script>

</div>

</body>

</html>

We just want to implement the comboBox, grid can also update the data onchange of combobox. I tried to implement it on this style (please look below.), Using this code we can not able to update or save the data into database.

template: ('<select id="combobox" name="Status"/><option value="#=Status#">#=Status#</option><option value="Added">Added</option><option value="Rejected">Rejected</option></select>')

And it also not same as Kendo ComboBox. Please provide me some information about this.

Thanks

Pps

Grid

answered on 16 Mar 2012

1 answer

322 views

ComboBox in in-line editing in Grid

Hi All,

Does anyone here successfully tried in in-line editing where combobox is used?

Thank you

Grid

answered on 16 Mar 2012

1 answer

233 views

Upload issues in IE

I have a kendo upload on my page and it works fine in firefox but when i test in IE i get

'{"Unexpected end of MIME multipart stream. MIME multipart message is not complete."}'

my server handler is:

[WebInvoke(Method = "POST", UriTemplate = "/{id}")]

public void Upload(HttpRequestMessage request, string id)

{

var task = request.Content.ReadAsMultipartAsync();

task.Wait();

and it fails at the Read part bu as i say it works fine with FF any ideas?

Upload

answered on 16 Mar 2012

3 answers

1.5K+ views

Grid Column width issue

Hi,

Can we specify width for individual columns in column definition? I tried giving width in definition this way:

_SearchColumns = [{
            field: "docId",
            title: "DOC ID",
           width: "100px"
        },{
            field: "docType",
            title: "DOC TYPE",
           width: "80px"
        }]

But, it is working only when i give scrollable true. I dont want to give scrollable true. Just want to adjust the column widths as there are so many columns in the grid.Also when the width is getting applied, the text is getting cropped. Is there any option to resize the column so that the text becomes visible? Please suggest.

Thanks,
Khushali

Grid