Questions on Kendo UI for jQuery Forum

2 answers

2.2K+ views

Hi, I'm trying to figure out how I could load a grid and read a cookie and move the grid to a page from the value stored in the cookie.

I'm currently able to grab the page number through some code I found:

dataBound: function (e) {pageNum = this.dataSource.page(); $.cookie('jobpagenum', pageNum); },

now when the page reloads, I want to be able to tell the grid to switch over to that page.

any help?

thanks
steve

Grid

answered on 30 Oct 2012

2 answers

786 views

Grid number field inline edit with step?

Is there a way to set the step for a number field in the grid or do I need to make a custom editor with a kendoNumericTextBox and put it in there? For example, my Commissions column is a percentage, and I would like the number to go from 0 to 1.0 with a step of .01.

var dsInvestments2 = new kendo.data.DataSource({

transport: {

read: "/api/investments",

create: { url: "/api/investments", type: "POST" },

update: {

url: function (o) { return "/api/investments/" + o.ID; },

type: "PUT"

},

destroy: {

url: function (o) { return "/api/investments/" + o.ID; },

type: "DELETE"

}

},

group: [ { field: "AccountTypeName", dir: "desc" }, { field: "ProductName", dir: "desc" } ],

schema: {

model: {

id: "ID",

fields: {

ID: { editable: false, nullable: false },

AccountTypeID: { editable: true },

AccountTypeName: { editable: false },

ProductID: { validation: { required: true } },

ProductName: { editable: false },

Name: { validation: { required: true } },

Commission: { validation: { required: true }, type: "number" }

}

});

$("#investments").kendoGrid({

sortable: true,

scrollable: true,

toolbar: [{ name: "create", text: "New" }],

dataSource: dsInvestments2,

columns: [

{ field: "AccountTypeID", title: "Account Type", template: "#=AccountTypeName#", editor: accountTypeEditor, hidden: true },

{ field: "AccountTypeName", title: "Account Type", hidden: true, groupHeaderTemplate: "${ value }" },

{ field: "ProductID", title: "Product", editor: productsEditor, template: "#=ProductName#", hidden: true },

{ field: "ProductName", title: "Product", hidden: true, groupHeaderTemplate: "${ value }" },

{ field: "Name", title: "Investment" },

{ field: "Commission", title: "Commission", format: "{0:p0}", width: 100, type: "number", step: 0.01 },

{ command: ["edit", "destroy"], title: " ", width: 200 }],

editable: "inline"

});

Grid

answered on 30 Oct 2012

0 answers

80 views

HTML 5 Presentation

do you think it possible to create something like http://www.themobileplaybook.com/en-us/ using Kendo as a framework and woudl it be relatively easy for a moderate programer.

Thank You
Ralonzo

General Discussions

asked on 30 Oct 2012

0 answers

88 views

TreeView control is hanged in drg and drop

Hi ,

I am facing a problem in using kendo ui treeview control in drag and drop.
The drag and drop functionality is not working smoothly, i am using on demand data for binding child node by HierarchicalDataSource.
The problem is similar as in http://jsbin.com/itoqiz/6
I am attach aching a screenshot, please have a look.
Please let me know your feedback on the same as soon as possible.

Many-Many thanks to you in advance

TreeView

asked on 30 Oct 2012

0 answers

142 views

data-model attribute support in navbar (or layout) for automatic data binding

Apparently only views support the data-model attribute for automatic bindings. Please confirm.

I have come across the requirement to set the view title in the navbar according to the data displayed in the view which should be IMO a fairly common requirement. For example, when editing a contact, the navbar would display the contact full name. In such use case, you would use the data-model attribute and get automatic binding on the view, but you would have to explicitly bind the navbar through kendo.bind in your code to get binding on the view title.

It would be nice if the navbar (or the layout) could also support the data-model attribute. I would be happy to post a feature request on uservoice once this is confirmed, but I have no more votes available.

NavBar

asked on 30 Oct 2012

2 answers

66 views

On closing the editor, it doesn't "clean up" - there's a graphical error.

Hi,

This issue only happens in Chrome.

When I close the editor, some of the editor is still shown, the graphics doesn't clean up.

A recording of the problem

Any idea?

Thanks
Mojo

DatePicker

answered on 30 Oct 2012

0 answers

111 views

How to transfer parameters from a kendo grid

Hellow,
I'm new using of Kendo UI and I have a problem when I wanna transfer parameters from a click on the text in the row of the Kendo grid. Well, I don't really know to explain (I'm french ^^').
What I would like is :
I have a kendo grid with a template column. When I click on a lign of this column, I want the grid to recup few parameter and put them into the url to redirect me on another page where is a new kendo grid which display informations relative at the lign selected before.

Below a part of my code :

$("#grid").kendoGrid({

dataSource: dS,

columns: [{ title: "Copropriété", field: "Lib", template: "<a href='HistoriqueCompte.html'> ${Lib} <a/> " },

{ title: "Agence", field: "RaisonSocialeLicence" },

{ title: "Solde", field: "Solde" }]

});

Do you have any idea about what I have to do to get what I want ?

EDIT Fif' : SOLUTION

"<a href='HistoriqueCompte.html?CodeCopro=${CodeCopro}&IndGmcCopro=${IndGmcCopro}&IdAgence=${IdAgence}' >${Lib}<a/> " }

Grid

asked on 30 Oct 2012

7 answers

1.8K+ views

Copy some selected rows from one grid to another grid

In grid there have some multiple records. Now I am selecting some rows. I want to copy only those selectable rows in another grid.
How I can do this. Please help.

Thanks in advance.

Grid

answered on 30 Oct 2012

0 answers

116 views

How to bind dynamically multiple column in grid.

View

@(Html.Kendo().Grid<QRMG.VendorPortal.Model.Field>()

.Name("Grid")

.Columns(columns =>

{

foreach (var fieldData in Model.Data[1])

{

columns.Bound(fieldData.FieldName);

}

})

.DataSource(dataSource => dataSource

.Server()

)

Grid

asked on 30 Oct 2012

1 answer

631 views

contentUrls not loading.. unless class="k-state-active" added to last ?

I have a grid driven application where I need to load 5 grids and access them via tabs, kind of like a tree.
If I do the following I only get content loaded for the first tab:
<div id="tabstrip">
    <ul>
        <li id="project" class="k-state-active">Projects</li>
        <li id="shift" >Shifts</li>
        <li id="employee">Employees</li>
        <li id="contact" >Contacts</li>
        <li id="customer" >Customers</li>

But if I put the class="k-state-active" on the last tab, everything works fine because I'm guessing it loads everything in then finds the active tab ? I was wondering how I should ensure that my contentUrls finish loading properly.

Later: turns out this is just an illusion and 'patience is a virtue'. IOW the tabs do load I was just trying too quickly. What I need is a way to display the spinner until ALL the content is loaded..

TabStrip

answered on 30 Oct 2012