Questions on Kendo UI for jQuery Forum

2 answers

512 views

Removing items

Hi,

I've been racking my head around this one for a while and simply can't figure out how to do it.

I've got a drop down list, and simply want to remove an item from it. I'm binding the drop down list in MVVM using the options binding to an array, which works fine.

Now, whenever I try to remove an item from this array, MVVM should auto-bind the options to the Drop down list and update the items. This, however, is not the case. I've also tried calling .refresh() on the drop down list to no avail.

I've tried doing this the jQuery way by removing individual li elements from the original <select> in my HTML, and then calling .refresh. This, again, does not work.

Are there any ideas out there in how I can achieve this? .filter etc is not valid for my scenario, I want to do this via an array that isn't going back and forth from the server.

DropDownList

answered on 05 Jun 2012

3 answers

255 views

[Solved] Create New Row In Grid Details

This is probably going to be very confusing. Basically, I have a nested Grid as a Grid Details row. I want to be able to add a row to this nested grid, and can't seem to get it to work.

An example of the Grid as a Grid Details row is found here:
http://demos.kendoui.com/web/grid/detailtemplate.html

I want to be able to add a new row to this "Orders" grid within the "Employees" Grid.

Any thoughts?

Grid

answered on 05 Jun 2012

1 answer

131 views

Events in Tabstrip on the next detail row is not firing?

I have defined onclick events for each Tabstrip belonging to each row of a Detail Grid.

It's working in the first detailed row which I opened and selected the items in the Tabstrip.

But when I go to the next detailed row of that Tabstrip, nothing happens.

Why?

I have to reload the Grid and it works for only one tabstrip in the first detailed row I selected.

But not subsequent ones.

TabStrip

answered on 05 Jun 2012

2 answers

188 views

DropDown in grid

Hi
I use a dropdownList in a grid. data-text-field type is string and data-value-Field is (int).
grid shows a table that table has a foreign key (int ) . I wanted show data text in grid instead of int value . I did it .
when show data in grid all thing work good. but when edit and change dropDown, then update record , grid don't show new value. How do I change value of this cell?

Grid

answered on 05 Jun 2012

4 answers

271 views

How to make rowTemplate editable

I use columns in grid, the toolbar and command work well,
but when I use towTemplate, I can't edit data,
what I means like this:http://jsfiddle.net/VSaZA/9/
Is it possible to edit row template?

Grid

answered on 05 Jun 2012

0 answers

112 views

Scrolling: with a large JSON dataSource, load more results as user scrolls down

I see Kendo's auto complete adds a scroll bar to large result sets. The database I'm using has thousands of records, and I'd like to return a set of say 20, then as the user scrolls down Kendo loads another 20. Is this possible with the current framework or would I have to extend it?

Thanks!

AutoComplete

asked on 04 Jun 2012

2 answers

743 views

[Solved] Specify parameters to 'destroy' method?

I have a KendoGrid setup with the following:

var gridDataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/api/Group/Members",
dataType: "json",
contentType: "application/json; charset=utf-8"
},
destroy: {
url: "/api/Group/DeleteMember",
dataType: "json",
contentType: "application/json; charset=utf-8"
}
},
schema: {
model: {
id: "entityId",
fields: {
iconURL: { type: "string" },
entityName: { type: "string", editable: false },
entityId: { type: "string" }
} // End of fields
} // End of model
}
});

When I click 'delete' on a grid item, I see the following call made:
DeleteMember?entityId=myId&entityName=name&iconURL=icon%2F%3Fid%3D5894%26s%3D16

Is there a way to add another parameter to the delete call (a parameter that is not a member of the dataSource)?

Grid

answered on 04 Jun 2012

0 answers

83 views

Is there something similar to Sortables from scriptaculous?

Having a drag and drop list is a big missing functionality. Am I just missing it?

Drag and Drop

asked on 04 Jun 2012

0 answers

159 views

horizontal scrolling

good Afternoon
I have a problem with scrolling. in firefox and chrome enable horizontal scrolling when you have many columns, but I open the demo in Internet Explorer and does not enable horizontal scrolling.

Another problem is that I open the application in ipad and shows no horizontal scrolling.

Please can you help with this

thanks

Grid

asked on 04 Jun 2012

17 answers

1.7K+ views

Getting started with datasource CRUD

I have spent hours looking at the documentation and examples for datasource CRUD the but cannot seem to get anything working.  Can you see what I am missing below?  I get "update is not a function" error.  I have tried many variations of this code but no luck getting anything to update or delete.




function listMessagesInit(){
     
     var messageDataSource = new kendo.data.DataSource({
       
       transport: {
           read: "/messages/data",
           update: {
       url: function(id, isnew) {
                       return "/messages/markasread/" + id + "/" + isnew ;
                   },
         
               type: "POST"
           },
           destroy: {
               url: "/messages/delete/210643",
               type: "DELETE"
           },
           parameterMap: function(options, operation) {     
               if (operation !== "read" && options.models) {
                   return {models: kendo.stringify(options.models)};
               }
           }               
       },  //not sure what this does or even if I need it        
       error: function(e) {
           alert(e.responseText);
       },            
       schema: {
         model: {
             id: "id",
             fields: {
                 created: "created",
                 message: "message",
                 customer_name: "customer_name",       
                 isnew: "isnew"    
                }
            }
        },
         
       /*change: function () {
                 $("#message_list").html(kendo.render(template, this.view()));
             } */       
      }); 
 
     $("#message_list").kendoMobileListView({
         dataSource: messageDataSource,
         //pullToRefresh: true,
                   appendOnRefresh: true,
         style: "inset",
         template: $("#message_list_template").text()
     });
      
     $("#markasread").click(function(){
       messageDataSource.update({id: "216099", isnew:"1"});    
       messageDataSource.sync();           
     });

Data Source

answered on 04 Jun 2012