Я пытаюсь перечислить свои критерии, используя jtable
, но при запуске ничего не отображается.Что я делаю не так.
Я тоже пытаюсь поставить скрипт на голову, но все равно ничего.У метода loadData есть точка останова, но он не работает. Извините, я немного новичок в этом.
Вот мой код
Дизайн:
<form id="form1" runat="server">
<div>
<div id="tablecon"></div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function () {
$('#tablecon').jtable({
title: 'Criteria',
paging: false,
pageSize: 10,
sorting: false,
actions: {
listAction: '/WebForm1.aspx/loadData'
},
fields: {
CriteriaCode: {
key: true,
edit: false,
list: false
},
CriteriaDisplay: {
title: 'Criteria',
edit: false,
width: '23%'
},
CriteriaPerc: {
title: 'Percentage',
width: '13%'
},
CriteriaGoal: {
title: 'Goal',
width: '13%'
}
}
});
//Load list from server
$('#tablecon').jtable('load');
});
</script>
ЗагрузитьМетод:
[WebMethod(EnableSession= true)]
public static object loadData(double jtStartIndex =0,double jtPageSize=0,string jtSorting=null) {
try {
DataAccess Da = new DataAccess();
List<getset> list = Da.loadData();
//return result to j table
return new { Result = "ok", Records = list, TotalRecordCount = 12 };
}
catch(Exception ex){
return new { Result = "ERROR", Message = ex.Message };
}
}
Источник сценария:
<script src="Scripts/jtable/jquery.jtable.js"></script>
<link href="Scripts/jtable/themes/basic/jtable_basic.css" rel="stylesheet" />
<script src="Scripts/jtable/external/json2.js"></script>
<script src="Scripts/jtable/jquery.jtable.js"></script>
<script src="Scripts/jtable/extensions/jquery.jtable.aspnetpagemethods.js"></script>
<link href="Content/bootstrap.css" rel="stylesheet" />
<script src="Scripts/jquery-3.4.1.js"></script>