Questions on Kendo UI for jQuery Forum

2 answers

175 views

Shared datasource but difference groupings

Is there a way to have a shared datasource, but then define the grouping when the datasource is being used? For example I have the following datasource that is shared by two different pages

var vendorAlphaDS = kendo.data.DataSource.create({
transport: {
read: {
url: "http://localhost/~termleech/conference/vendors/all",
dataType: "json"
}
}
});

I have this used by two different pages, but each page is grouped differently. So rather than have two difference datasources each with the different grouping, I was wondering if I could just add the grouping to the datasource dynamically.

Data Source

answered on 02 Jun 2012

3 answers

367 views

placeHolder does not work

I don't think placeHolder work. The default message never appears when value is blank.
Sample Code

NumericTextBox

answered on 01 Jun 2012

0 answers

122 views

Grid Placeholder

i had posted a question if a placeholder could be added to the grid edit.
However i found out that i could do this using grid edit event and html5 placeholder attribute.Thanks

Grid

asked on 01 Jun 2012

2 answers

272 views

Setting editable to inline doesn't enter Edit Mode automatically. Plus problem with Tab out of modified cell.

Here's my grid configuration:

            gridItems.kendoGrid({
                selectable: "row",
                scrollable: true,
                pageable: false,
                sortable: true,
                filterable: false,
                rowTemplate: kendo.template($("#gridItemsRowTemplate").html()),
                dataSource: {
                    data: data
                },
                columns: columns,
                editable: "inline",
                toolbar: ["create", "save", "cancel"],
                navigatable: true
        });

I've had to add the following code in order to get my grid into edit mode:

            $("#gridItems td").click(function() {
                if (!$(this).closest('tr').hasClass('k-grid-edit-row')) {
                    costingSheetItems.data("kendoGrid").editRow($(this).closest('tr'));

// remove spinner controls from numeric textboxes
var numericWrapper = $("#gridItems td").find(".k-numeric-wrap")

                    numericWrapper.find(".k-select").hide();
                    numericWrapper.addClass("expand-padding");
                }
            });

BUT, once it is in edit mode after I click on a row, if I type a new value into a cell and press Tab, the grid leaves edit mode and I can't get it back into edit mode.

Jerry

Grid

answered on 01 Jun 2012

1 answer

108 views

Line chart grid

hi guys,

I need to remove line chart grid.

Please help me if it is possible.

Please refer the image.

Thanks,
Rajesh.C

Charts

answered on 01 Jun 2012

1 answer

73 views

Kendo Window error on resize in IE 8.

This can be reproduced using the basic window example.
2012.1.515. Generates an error when trying to resize a window in IE 8.
2012.1.322. Worked fine.

Window

answered on 01 Jun 2012

1 answer

382 views

Drag&Drop not working

Hello everybody!

I apologize for the (probably) silly question, but there it is. I'm trying to use the Kendo-UI D&D feature with no luck and this is driving me crazy. I've made this fiddle: http://jsfiddle.net/ilCoso/nq73f/ ... what I'm doing wrong?

Thanks for the support!

Andre

Drag and Drop

answered on 01 Jun 2012

1 answer

308 views

[Solved] Loading TabStrip content with AJAX

It appears that the loading of content into the tabstrip divs is sensitive to any whitespace between the <div></div> tags.

So in the example below html-content-snippet.html will not load in either div (in fact it appears the xhr call is never fired).

Perhaps this is by design but it took me a bit to figure this nuance out.

<div id="tabstrip">
    <ul>
        <li>First Tab</li>
        <li>Second Tab</li>
    </ul>
    <div> </div>
    <div>
    </div>
 </div>

$(document).ready(function(){
    $("#tabstrip").kendoTabStrip({
        contentUrls: ["html-content-snippet.html", "html-content-snippet.html"]
    });
 });

TabStrip

answered on 01 Jun 2012

5 answers

191 views

Problem in Filter data

I use AJAX-enable WCF service and kendo ui grid

I want filter data but my code not work .

Plz help me to find problem

thanks

Wcf service method:

[OperationContract]

public IEnumerable<PrpductGroup2> ReadGroupProduct()//int id

{

Manager.PrpductGroupManager pGroupManage = new Manager.PrpductGroupManager();

List<Common.PrpductGroup> pGroupMain = new List<Common.PrpductGroup>();

pGroupMain = pGroupManage.Where(g => g.Type != null).ToList();

List<PrpductGroup2> MG = new List<PrpductGroup2>();

foreach (var item in pGroupMain)

{

var mg1 = new PrpductGroup2();

mg1.PrpductGroup = item.PrpductGroup1;

mg1.PrpductGroupID = item.PrpductGroupID;

mg1.Type = item.Type;

MG.Add(mg1);

}

return MG;

}

And my script for grid:

$("#GridPrpductGroup").kendoGrid({

height: 300,

autoSync: true,

navigatable: true,

columns: [

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

{ field: "Type", title: "گروه اصلی کالا" },

{ field: "PrpductGroup", title: "گروه کالا" },

{ field: "PrpductGroupID", title: "ردیف" }

],

dataSource: {

schema: {

data: "d",

total: "d.length",

serverPaging: true,

serverSorting: true,

serverFiltering: true,

filter: { field: "Type", operator: "eq", value: idForFilter },

model: {

id: "PrpductGroupID",

fields: {

PrpductGroup: "PrpductGroup",

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

Type: "Type"

}

},

batch: true,

pageSize: 6,

transport: {

read: {

url:"/EveryOne/ForgotService.svc/ReadGroupProduct",

contentType:"application/json; charset=utf-8", type: "POST"

},

update:

{

url:"/EveryOne/ForgotService.svc/UpdateGroupProduct", contentType:"application/json; charset=utf-8",

type: "POST"

},

parameterMap: function (data, operation) {

if (operation !== "read") {

return JSON.stringify({ properties:data.models })

}

},

pageSize: 6,

scrollable: true,

sortable: true,

pageable: true,

editable: "inline"

});

Grid

answered on 01 Jun 2012

2 answers

112 views

Dropdown doesn't work in IE8

Hi,

I am trying to re-use the code supplied in the demo's page
http://demos.kendoui.com/web/datasource/shared-datasource.html

but the dropdown does not work on IE8. Why is that?
Attached the code just in case.

Thank you
Claudia

DropDownList

answered on 01 Jun 2012