or
<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"]
});
});

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: { 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" });

dataBinding: function() { //store the uids of selected rows $("#requestGrid .k-state-selected").each(function() { uids.push($(this).data("uid")); }); }, dataBound: function() {// selects first grid item// this.select(this.tbody.find(">tr:first")); resizeGrid(); if (uids.length != 0) { for (var i = 0; i < uids.length; i++) { var currUid = uids[i]; //find and reselect the rows via their uid attribute this.tbody.find("tr[data-uid='" + currUid + "']").addClass("k-state-selected"); } } }, "k-state-selected" won't be added.