如何刷新jquery网格 [英] How to refresh jquery grid
本文介绍了如何刷新jquery网格的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
< script>
$（ function （）{
$ .ajax（{
type： GET，
url： / Test / GetMerchant
}）。done（ function （data）{
// $（＃leftMenu）。hide（）;
var MyDateField = function （config）{
jsGrid.Field.call（此，config）;
};
MyDateField.prototype = new jsGrid .Field（{
sorter： function （date1，date2）{
返回 new 日期（date1） - new 日期（date2）;
}，
itemTemplate： function （value）{
/ / 调试器
如果（value == ）
return ;
else {
var date = new 日期（值）.toDateString（）
// var date = new Date（value）。toDateString（MM / dd / yyyy）
/ / 返回新的日期（值）.toDateString（）;
// 返回值;
var d = new 日期（日期），
month = ' ' +（d.getMonth（）+ 1 ），
day = ' ' + d.getDate（），
year = d.getFullYear（） ;
if （month.length< 2 ）month = ' 0' +月;
if （day.length< 2 ）day = ' 0' + day;
var df = [month，day，year] .join（' /'）;
date = df;
返回日期;
}
}，
insertTemplate： function （value）{
// debugger
return this ._ insertPicker = $（ < input>）。 datepicker（{defaultDate： new Date （）}）;
}，
editTemplate： function （value）{
/ / 调试器
return this ._ editPicker = $（ < input>）。datepicker（{dateFormat： MM / dd / yyyy}）。datepicker（ setDate， new 日期（值））;
}，
insertValue： function （）{
// 调试器
如果（ this ._ insertPicker.datepicker（ getDate）！= null ）
return this ._ insertPicker.datepicker（ getDate）; // .toISOString（MM / dd / yyyy）
else
return this ._ insertPicker.datepicker（< span class =code-string> getDate）;
}，
editValue： function （）{
// 调试器
如果（ this ._ editPicker.datepicker（ getDate）！= null ）{
// .toISOString（MM / dd / yyyy）
return 此 ._ editPicker。 datepicker（ getDate）;
}
// 返回this._editPicker.datepicker（getDate）。toISOString（） ;
else
return this ._ editPicker.datepicker（ getDate）;
}
}）;
jsGrid.fields.myDateField = MyDateField;
$（ ＃jsGrid）。jsGrid（{
height： 50％，
width： 100％，
过滤： true ，
编辑： true ，
插入： true ，
排序： true ，
分页： true ，
autoload： true ，
pageSize： 12 ，
pageButtonCount： 5 ，
// pageLoading：true，
deleteConfirm： 你真的想要删除商品吗？，
控制器：db，
字段：[
{type： control }，
{
name： Source，类型： text，width： 120 ，title： 供应商
}，
{
name： 描述，输入： text，width： 210 ，
validate：{message： 描述是必需的！，验证器： function （value）{ return value！= ; }
}，
{
name： ModelNumber ，键入： text，width： 120 ，title： Model＃/ Item
}，
{ name： SKU，输入： text，width： 90 }，
{name： SKU2，输入： text，width： 90 }，
{name： 评论，输入： text，width： 200 }，
{name： strReceiveDate，输入： myDateField，宽度： 80 ，对齐： center，title： 收到}，
{名称： 位置，输入： 选择，items：data.loc，valueField： LocationID，textField： 描述，宽度： 100 }，
{na me： 条形码，宽度： 80 }，
{name： BarcodePrinted，类型： 复选框，标题： 打印条形码，排序： false }，
{name： strLastUpdatedDate，键入： myDateField，width： 80 ，title： 上次更新}，
{name： DamageCode，输入： 选择，items：data.dam，valueField： CodeID，textField： CodeValue，title： 损坏}，
{名称： strCreatedDate，editable： false ，width： 80 ，title： 创建日期，键入： myDateField}，
{name： strShipDate，输入：< span class =code-string> myDateField，myCustomProperty： bar，width： 80 ，标题： 发货日期}，
{名称： strConsumeDate，输入： < span class =code-string> myDateField，myCustomProperty： bar， width： 80 ，title： 消费日期}，
{name： PendingShipment，输入： 复选框，title： 待定，排序： false ，宽度： 60 }，
{name： 捐赠，键入： 复选框，标题： 捐赠，排序： false ，width：< span class =code-digit> 60 }，
{name： ReturnRequested ，键入： 复选框，标题： Return Requested，排序： false }，
{name： ReturnTo，输入： < span class =code-string> text，width： 150 ，title： 返回}，
{name： 数量，类型： number，width： 50 ，title： Qty}，
{name： GroupName ，键入： text，width： 150 ，标题： 组名}，
{名称： CustomerID，width： 100 ， title： 客户ID}，
]，
}）;
}）;
}）;
< / script>
我尝试过：
i不知道如何在这里刷新网格内部插入，更新和删除函数调用，我在控制器中显示，但我没有得到它。所以请帮助我紧急
解决方案
（ function （）{
.ajax（{
type： GET，
url ： / Test / GetMerchant
}）。done（ function （data）{
//
（＃leftMenu）。hide（）;
var MyDateField = function （config）{
jsGrid.Field.call（ this ，config）;
};
MyDateField.prototype = new jsGrid.Field（{
sorter：function （date1，date2）{
return 新 日期（date1） - new 日期（DATE2）;
}，
itemTemplate： function （value）{
/ / 调试器
如果（value == ）
return ;
else {
var date = new 日期（值）.toDateString（）
// var date = new Date（value）。toDateString（MM / dd / yyyy）
/ / 返回新的日期（值）.toDateString（）;
// 返回值;
var d = new 日期（日期），
month = ' ' +（d.getMonth（）+ 1 ），
day = ' ' + d.getDate（），
year = d.getFullYear（） ;
if （month.length< 2 ）month = ' 0' +月;
if （day.length< 2 ）day = ' 0' + day;
var df = [month，day，year] .join（' /'）;
date = df;
返回日期;
}
}，
insertTemplate： function （value）{
// debugger
return this ._ insertPicker =
<script>
$(function () {
$.ajax({
type: "GET",
url: "/Test/GetMerchant"
}).done(function (data) {
//$("#leftMenu").hide();
var MyDateField = function (config) {
jsGrid.Field.call(this, config);
};
MyDateField.prototype = new jsGrid.Field({
sorter: function (date1, date2) {
return new Date(date1) - new Date(date2);
},
itemTemplate: function (value) {
//debugger
if (value == "")
return "";
else {
var date = new Date(value).toDateString()
//var date = new Date(value).toDateString("MM/dd/yyyy")
//return new Date(value).toDateString();
//return value;
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2) month = '0' + month;
if (day.length < 2) day = '0' + day;
var df = [month, day, year].join('/');
date = df;
return date;
}
},
insertTemplate: function (value) {
//debugger
return this._insertPicker = $("<input>").datepicker({ defaultDate: new Date() });
},
editTemplate: function (value) {
//debugger
return this._editPicker = $("<input>").datepicker({ dateFormat: "MM/dd/yyyy" }).datepicker("setDate", new Date(value));
},
insertValue: function () {
// debugger
if (this._insertPicker.datepicker("getDate") != null)
return this._insertPicker.datepicker("getDate"); //.toISOString("MM/dd/yyyy")
else
return this._insertPicker.datepicker("getDate");
},
editValue: function () {
//debugger
if (this._editPicker.datepicker("getDate") != null) {
//.toISOString("MM/dd/yyyy")
return this._editPicker.datepicker("getDate");
}
//return this._editPicker.datepicker("getDate").toISOString();
else
return this._editPicker.datepicker("getDate");
}
});
jsGrid.fields.myDateField = MyDateField;
$("#jsGrid").jsGrid({
height: "50%",
width: "100%",
filtering: true,
editing: true,
inserting: true,
sorting: true,
paging: true,
autoload: true,
pageSize: 12,
pageButtonCount: 5,
//pageLoading: true,
deleteConfirm: "Do you really want to delete the merchandise?",
controller: db,
fields: [
{ type: "control" },
{
name: "Source", type: "text", width: 120, title: "Vendor"
},
{
name: "Description", type: "text", width: 210,
validate: { message: "Description is required!", validator: function (value) { return value != ""; } }
},
{
name: "ModelNumber", type: "text", width: 120, title: "Model#/Item"
},
{ name: "SKU", type: "text", width: 90 },
{ name: "SKU2", type: "text", width: 90 },
{ name: "Comments", type: "text", width: 200 },
{ name: "strReceiveDate", type: "myDateField", width: 80, align: "center", title: "Received" },
{ name: "Location", type: "select", items: data.loc, valueField: "LocationID", textField: "Description", width: 100 },
{ name: "Barcode", width: 80 },
{ name: "BarcodePrinted", type: "checkbox", title: "Barcode Printed", sorting: false },
{ name: "strLastUpdatedDate", type: "myDateField", width: 80, title: "Last Updated" },
{ name: "DamageCode", type: "select", items: data.dam, valueField: "CodeID", textField: "CodeValue", title: "Damage" },
{ name: "strCreatedDate", editable: false, width: 80, title: "Created Date", type: "myDateField" },
{ name: "strShipDate", type: "myDateField", myCustomProperty: "bar", width: 80, title: "Ship Date" },
{ name: "strConsumeDate", type: "myDateField", myCustomProperty: "bar", width: 80, title: "Consume Date" },
{ name: "PendingShipment", type: "checkbox", title: "Pending", sorting: false, width: 60 },
{ name: "Donated", type: "checkbox", title: "Is Donated", sorting: false, width: 60 },
{ name: "ReturnRequested", type: "checkbox", title: "Return Requested", sorting: false },
{ name: "ReturnTo", type: "text", width: 150, title: "Return To" },
{ name: "Quantity", type: "number", width: 50, title: "Qty" },
{ name: "GroupName", type: "text", width: 150, title: "Group Name" },
{ name: "CustomerID", width: 100, title: "Customer ID" },
],
});
});
});
</script>
What I have tried:
i have no idea how to refresh grid here internal insert,update and delete function call and i show in controller but i dont get it. so please help me its urgent
解决方案
(function () {
.ajax({ type: "GET", url: "/Test/GetMerchant" }).done(function (data) { //
("#leftMenu").hide(); var MyDateField = function (config) { jsGrid.Field.call(this, config); }; MyDateField.prototype = new jsGrid.Field({ sorter: function (date1, date2) { return new Date(date1) - new Date(date2); }, itemTemplate: function (value) { //debugger if (value == "") return ""; else { var date = new Date(value).toDateString() //var date = new Date(value).toDateString("MM/dd/yyyy") //return new Date(value).toDateString(); //return value; var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; var df = [month, day, year].join('/'); date = df; return date; } }, insertTemplate: function (value) { //debugger return this._insertPicker =
这篇关于如何刷新jquery网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
