Questions on Kendo UI for jQuery Forum

0 answers

100 views

Hi,

I am having 2 problems using tabstrip.

1.I want to add a view page in to one of the tabs i am using asp.net mvc3 application.I want to insert the view page in to one
of the tab is it possible using kendo ui i have tried setContenturl method it is not happening when i am using that is there any
alternative to do that

2.The second one is i am having 4 tabs that are coming from database and when i am adding another additional tab dynamically
using append or insertAfter methods a tab is adding and the content that i am including is not displaying.when i am clicking that
tab the tab is like that only.What should i suppose to do

Thanks,
Srinivas

TabStrip

asked on 30 May 2012

0 answers

143 views

How To add elements dynamically in the panel bar

Helo,

I designed the panel bar .I want to get the items in the panel bar dynamically but am getting items in the white space when we drag panel item but not in the panel bar.i has to get the items in the panel bar dynamically.If anyone knows please help me

Data Source

asked on 30 May 2012

2 answers

606 views

How to load treeview nodes on-demand

Hi,

I want to do this:
For example, I have a treeview with one node "Root":
+ Root

Then when I expand this node, I will send a request to server and get child nodes of node "Root", and append to it.

But currently, if a node have no child nodes, the expand icon is not showed and the expand event is not fired, so I cannot do anythings further.

are there any ways that I can do that?

Thanks!
Thai

TreeView

answered on 30 May 2012

0 answers

101 views

Grid not resizing height on roation in mobile

Hi

http://krfrettir.com/App/Result/ResultTable

If you view this in mobile and rotate the handheld to landscape and then back to vertical it cuts off the grid that was hidden in landscape mode?

Is this a bug in Kendo or do you have some solution?

sincerly
agh

Grid

asked on 30 May 2012

1 answer

522 views

MVVM and binding events to Kendo UI Web Widgets

Hi, how can I bind some simple event like 'change' on MVVM to any of KendoUI widgets?
Example:

<input type="text" id="txtHours" class="kendoNumeric input-mini" data-bind="value: hours, change: hoursChange" />

And this is exception in web browser:
Uncaught Error: The change binding is not supported by the NumericTextBox widget

Binding events in similar matter for any other non-Kendo widget or controls works just fine.
Am I doing something wrong or binding just doesn't work for Kendo controls?

MVVM

answered on 29 May 2012

0 answers

111 views

Cant Load Grid

Im trying this in jsfidler, but it doesnt work...

$("#grid").kendoGrid({
  dataSource: {
  type: "odata",
  transport: {
  read: {
  //using jsfiddle echo service to simulate JSON endpoint
  url: "http://www.letsdokaraoke.com/api/Artists?format=json",
  dataType: "json"
  }
  },
  schema: {
  data: 'artists'
  }
  },
  height: 250,
  columns: [
  {
  field: "ID"},
  {
  field: "Name"}

  ]
});

Any Ideas?

Data Source

asked on 29 May 2012

1 answer

137 views

Slider is not working with the latest commercial version

We’re developing a mobile application where we must use some sliders to update the value of one gauge. We were using your trial version and everything works great. However when we switch to your commercial version we got a huge bug: the slider doesn’t work, we cannot slide the slider from the web or any Mobile.

Slider

answered on 29 May 2012

0 answers

112 views

schema object - parsing issues in different mobile views

I have a datasource for messages and list a snippet of all the messages on one mobile view and view the full message in another mobile view. I use the schema: parse function to make a snippet of the message on the list messages page. This appears to be working well, however I do get an error message, "message is undefined" whenever I update the datasource.

I also have a similar error "rawDate.split is not a function", which is also initiated from the schema and again, only occurs when the datasource is updated.

Anyone any ideas why this is and what I can do to fix it?

var messageDataSource = new kendo.data.DataSource({

transport: {

read: "/messages/data",

dataType: "json",

update: {

url: function() {

var url = "/messages/markasread/" + message_id + "/" + message_read;

if (message_read == 0){

if(unread_messages != 0){

var new_unread_messages = unread_messages-1;

} else {

var new_unread_messages = unread_messages;

}

} else if (message_read == 1){

var new_unread_messages = unread_messages+1;

}

$("span#unread_messages").html(new_unread_messages);

$("span#unread_messages_hp").html(new_unread_messages);

return url;

},

type: "POST",

dataType: "json"

},

destroy: {

url: function() {

var delurl = "/messages/delete/" + message_id;

return delurl;

},

type: "DELETE",

dataType: "json"

}

},

error: function(e) {

alert(e.responseText);

},

sort: { field: "created", dir: "desc" },

schema: {

model: {

id: "id",

fields: {

message: { type: "string" },

shortMessage:{ type: "string"},

customer_name: { type: "string" },

customer_telephone: { type: "string" },

ip: { type: "string" },

created: { type: "date", parse: parseDate },

formatedCreated: { type: "string"},

shortCreated: { type: "string" },

email: { type: "string" },

isnew: { type: "string" }

}

},

parse : function(data) {

$.each(data, function(i, val){

//reduce text of message if being used for list

var message = val.message;

if (message.length > 100){

var shortText = jQuery.trim(message).substring(0, 100).split(" ").slice(0, -1).join(" ") + "...";

} else {

var shortText = message;

}

val.shortMessage = shortText;

//format the date

var created = parseDate(val.created);

val.shortCreated = formatDate(created);

val.formatedCreated = val.created;

});

return data;

}

});

function parseDate(rawDate) {

var bits = rawDate.split(/[-\s:]/);

var year = bits[2];

var month = bits[1]-1;

var day = bits[0];

var hour = bits[3];

var minute = bits[4];

var validDate = new Date( year, month, day, hour, minute );

return validDate;

}

Data Source

asked on 29 May 2012

8 answers

238 views

Append on sub-item not show the image right-arrow

Hi,
I use the example of this page http://piyushbhatt.blogspot.it/2011/12/kendoui-adding-menu-using-web-service.html,
but if want add a sub-menu i use parentItem = parentItem.find("li:contains('" + listParent[i] + "')");
The sub menu is add but then image right-arrow not show
Why ?

Thanks

Menu

answered on 29 May 2012

0 answers

95 views

Filter an expanded table

Hi

I have creatred an oData feed that has two tables, Product and ProductAttributes. Given that ProductAttributes is a child table of Products how would I filter the oData via this table. Can this be achieved as follows: (proposed filter in [bold])

    var products = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: {
                url: "http://odata.com/DataService.svc/Products",
                data: {
                    expand: "ProductAttributes",
                    filter: [{ field: "AttributeType", operator: "contains", value: "Range"},
                               {...},
                               {...}]
                }
            },
        },
        pageSize: 30,
        serverFiltering: true,
        serverPaging: true,
        serverGrouping: true,
        serverSorting: true,
        aggregate: [{ field: "Price", aggregate: "max" }, { field: "Price", aggregate: "min"}]
});

Data Source

asked on 29 May 2012