|
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="../../Scripts/jqgrid/themes/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="../../Scripts/jqgrid/themes/redmond/jquery-ui-1.8.2.custom.css" rel="stylesheet"
type="text/css" />
<script src="../../Scripts/jqgrid/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqgrid/src/jqModal.js" type="text/javascript"></script>
<script src="../../Scripts/jqgrid/src/jqDnR.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#urunliste").jqGrid({
url: '/Home/Getir_Urunler/',
datatype: 'json',
mtype: 'GET',
colNames: ['UrunId', 'UrunAd', 'Fiyat'],
colModel: [
{ name: 'UrunId', index: 'UrunId', width: 100, align: 'left' },
{ name: 'UrunAd', index: 'UrunAd', width: 200, align: 'left', editable: true },
{ name: 'Fiyat', index: 'Fiyat', width: 100, align: 'left', editable: true, editrules: { number: true}}],
pager: jQuery('#pager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortname: 'Id',
sortorder: "desc",
forceFit: true,
cellEdit: true,
cellsubmit: 'clientArray',
viewrecords: true,
imgpath: './../Content/jqqrid/themes/images',
caption: 'Ürün Listesi',
afterEditCell: function (id, name, val, iRow, iCol) {
alert("Edit\nname = " + name + "\nval = " + val + "\niRow = " + iRow + "\niCol = " + iCol);
},
afterSaveCell: function (rowid, name, val, iRow, iCol) {
alert("Save\nname = " + name + "\nval = " + val + "\niRow = " + iRow + "\niCol = " + iCol);
}
});
});
</script>
<table id="urunliste" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
|