Questions on Kendo UI for jQuery Forum

3 answers

1.1K+ views

[Solved] How to Edit Popup on Add New Record (toolbar.create())

How do I change the template that is used on the popup that is displayed when the Add New Record option is clicked on the Kendo Grid? For example, I would like to change the "Edit" title of the popup window as well as not display certain data items as editable, such as the ID. I've looked all over on the forums and cannot find any way to do this.

Grid

answered on 07 Dec 2012

3 answers

224 views

Tree node clone after node append

I got dataSource config
new kendo.data.HierarchicalDataSource({
               transport: {
                       read: {
                           url: '/getnodes'
                       }
                   },
                   schema: {
                       model: {
                           id: '_id'
                       }
                   }
               })

also I have a method wich provide adding nodes to treeview
addNode: function() {
     var tree = this.tree, //this.tree == $('#treeview').(/* config here */).data('kendoTreeView')
           sel = tree.select();

       /* some code here */

      $.ajax({
           url: '/addnode',
           data: {parent: parent},
           success: function(row) {
              el.append({
                       _id: row._id,
                       name: row.name
                   }, sel);
           }
      })
}

so what we have

node will added success, but afer - dataSource generate request to '/getnodes' and get it from database and render it to treeview
in result we have two same node in one brunch
please help to solve this problem

TreeView

answered on 07 Dec 2012

1 answer

130 views

[Solved] Outdent text is not localizable in Kendo UI Editor

I've created a Kendo UI localization project in Github which localizes all texts in a single package for all controls in Kendo UI.

Unfortunately the Editor's OUTDENT text is not being localized.

You can find the issue in the Github tracker here: https://github.com/loudenvier/kendo-global/issues/2

You can download and run the test in the 3 languages and the only missing translation is the Outdent text.

Maybe it is a problem with the way I'm doing the translations on the project (the only way to accomplish that in a transparent manner was to change the prototype of the many widgets and "extend" the options with the translated texts - details can be found on the project). But since this is analogous to passing the options for each widget individually I believe the problem lies in the Kendo UI code which is not honoring the options.messages.outdent option.

UPDATE:

The attached zip file has a stand-alone html page which shows the bug by using only standard Kendo UI options for translating the 'indent' and 'outdent' messages. Now it is clear it is a bug in Kendo UI and not something wrong with the way the kendo-global project is translating the messages.

Editor

answered on 07 Dec 2012

1 answer

868 views

Select Page in DataBound event

I want when user clciked a link, he can go back to the previous selected page and selected row of kendo grid. I can get his selected page number without problem by

$("#homesGrid").data("kendoGrid").dataSource.page();

In databound event of Kendo Grid, I cannot set his selected page. I can only set his selected row by
$("#homesGrid").data("kendoGrid").dataSource.page(2); ====> error

var data = mygrid.dataSource.data();
$.each(data, function (i, row) {
if (row.Fcode == fcode) {
$('tr[data-uid="' + row.uid + '"]').addClass("k-state-selected");
}

Is the code of that line incorrect or is that I cannot set it in databound event of Kendo Grid?

Grid

answered on 07 Dec 2012

3 answers

175 views

KendoUI Web - Layout

Hi,

I have been using KendoUI in several mini pet-projects and it has been a great pleasure. The time has come for me to convince the rest of the team to use KendoUI in our flagship product.

I really like the KendoUI Mobile Layout and would like to know if there is similar functionality in KendoUI Web. What is your approach in organizing layout for larger web applications? Should we use KendoUI Mobile Layout even if our application is not intended for use on mobile devices? Can similar functionality be accomplished using KendoUI Templates?

Thanks,

Igor

General Discussions

answered on 07 Dec 2012

9 answers

380 views

Listview Selected Item touch effect

Hej,

Firstly, In kendoui.trial.2012.3.1114\examples\mobile\listview\index.html sample page shows when the user click list item, list item turn to blue on press and when the user release to touch list item turn to normal. This is the normal state.

I apply the same .html file in Icenium Kendo UI framework project but listview item don't react any effect when i select the item on release the item. I don't understand wht is it like that? Is this problem about the kendo framework or the icenium IDE? I am not sure this is this question should be asked here.

On the other hand, the main purpose for my listview is have to fill from web service and i can fill the listview from web service but still the same problem i can't get the click effect on the selected listview item. Here is filling code for listview:

$.ajax({
type: "POST",
url: SERVICE_URL_GET_FIRM_LIST,
data: "{ firmID:" + firmID + "}",
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend: function() {
app.showLoading();
},
success: function(msg) {
firmItems = JSON.parse(msg.d);
$("#firm-listview").kendoMobileListView({ dataSource: firmItems, template: $("#firmListViewTemplate").text() });
},
complete: function() {
app.hideLoading();
},
error: function(msg) {
app.hideLoading();
alert('Error Message');
}
});

<script type="text/x-kendo-template" id="firmListViewTemplate">
<p>${Definition}</p><a data-role="detailbutton" data-style="detaildisclose"></a>
</script>

Kind Regards.

ListView (Mobile)

answered on 07 Dec 2012

1 answer

140 views

[Solved] Little bug in Menu.destroy()

Hello,

In the latest release the destroy methods are added to all widgets which is nice. But in the Menu widget there is a little bug.
There is $(document).unbind(that._documentClickHandler); called, but this is missing the event name. It must be: $(document).unbind('click', that._documentClickHandler);
This is a problem when you use openOnClick is true.

Regards, Jaap

Menu

answered on 07 Dec 2012

3 answers

443 views

Grid Data Binding

How in the heck do you rebind the grid after receiving data from an AJAX request? Specifically, dates? Why do I lose formatting here?

I need help please!!

@{

ViewBag.Title = "Index";

}

@section Scripts {

<script type="text/javascript">

var viewModel;

$(function () {

// Load Data

$.ajax({

async: false,

url: "/Kendo/Home/GetData"

}).success(function (result) {

viewModel = new kendo.observable(result);

});

// Create Grid

$("#grid").kendoGrid({

dataSource: {

data: viewModel.People,

schema: {

model: {

fields: {

DOB: { type: "date" }

}

},

columns: [

{ field: "FirstName", title: "First Name" },

{ field: "LastName", title: "Last Name" },

{ field: "DOB", title: "Date of Birth", format: "{0:MM/dd/yyyy}" }

],

editable: true

});

$(document).on("click", "#btn-save", function (e) {

$.ajax({

url: "/Kendo/Home/Save",

type: "POST",

data: JSON.stringify(viewModel),

contentType: "application/json"

}).success(function (result) {

var g = $("#grid").data("kendoGrid");

viewModel = new kendo.observable(result);

g.dataSource.data(viewModel.People);

});

</script>

}

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

<div id="view">

<input data-bind="value: firstName" />

<input data-bind="value: lastName" />

<button id="btn-save">Save</button>

</div>

Grid

answered on 07 Dec 2012

2 answers

264 views

Multiple grids and other controls from the same viewmodel.

Hi, I'm new to Kendo UI and I'm working on ASP.NET MVC 4. I have 3 models, for example Category, Product and Status, products have a reference to one category and one status. I need to display in a view (using Razor) data from multiple models, like for example Category.Name and Category.DateCreated on the top of page, and then a grid with all products that have StatusId = 1, and then another grid with all products that have StatusId = 2 (there are only two status). So, I have created a view model class for a Category, it includes all properties from Category model, but also has 2 lists for Products with Status = 1 and Status = 2; but I don't know how to populate these grids, how to pass data to them. I looked for a similiar question in the forum but didn't find any, if someone could help me with an example, I'd be thankful! (Please let me know if more info is needed, or if it's not well explained the case)

General Discussions