'ord'
列または順序がある Jqgrid テーブルがあります。rows->column 'ord'
クリックすると新しい注文値ですべてを更新する更新ボタンがあります。var neworder = {"Banana": 1,"Orange": 2,"Apple": 3,"Mango": 4};
注:
var neworder = {"Banana": 1,"Orange": 2,"Apple": 3,"Mango": 4};
重量や数量などの追加情報はありません。新しい注文値だけです。
HTML:
<button id="update">Update</button>
<table id="grid"></table>
JSFIDDLE: http://jsfiddle.net/bababalcksheep/Bpk3E/
JS:
var data = [
[1,"Apple", "10", "2.3kg"],
[2,"Orange", "25", "3kg"],
[3,"Banana", "6", "1kg"],
[4,"Mango", "50", "10kg"]
];
$("#grid").jqGrid({
datatype: "local",
height: 250,
colNames: ['Ord','Fruit', 'Quantity', 'Weight'],
colModel: [{name: 'order',width: 10},{name: 'fruit',width: 50},{name: 'quantity',width: 20},{name: 'weight',width: 20}],
rownumbers: false,
autowidth: true,
caption: "Stack order"
});
// How to update col 'Ord' for all rows and trigger sort for that column
$( "#update" ).click(function() {
var neworder = {"Banana": 1,"Orange": 2,"Apple": 3,"Mango": 4};
});