I am working on a page with knockout.js and bootstraptable,I don't know why the table did not render.Need help!
Here is my sample code:
knockout viewmodel
var SelectViewModel = function (id, text) {
this.Id = ko.observable(id);
this.Text = ko.observable(text);
};
var PageViewModel=function(){
var self=this;
self.SmartTypeList=ko.observableArray([]);
self.SmartTypeQueryList=ko.observableArray([new SelectViewModel(-1,"ALL")]);
self.Operation;
self.InitData=function()
{
$.post(getRootPath_web()+'/Backend/ZigbeeEquipmentType/ListAll',
function(data){
for(c in data){
self.SmartTypeList.push({Id:data[c].id,Text:data[c].name});
self.SmartTypeQueryList.push({Id:data[c].id,Text:data[c].name});
}
bootsModel.initTable();
},'json');
}
}
bootstraptable model
var bootstrapTableModel=function(){
var self=this;
self.queryParams = function (params) {
var temp = {
limit: params.limit,
offset: params.offset,
query_typeId: $("#EqTypeQuerySelect").val(),
query_sn: $("#QuerySN").val()
};
return temp;
};
self.initTable=function()
{
$('#SmartEQTable').bootstrapTable({
method: 'post',
url:getRootPath_web()+'/Backend/ZigbeeEquipment/List',
contentType:"application/x-www-form-urlencoded",
toolbar: '#toolbar',
....somthing....
onLoadError: function (status) {
alert("error");
},
onLoadSuccess: function (data) {
alert("ok");
}
});
}}
var viewModel=new PageViewModel();
var bootsModel=new bootstrapTableModel();
Get binded and init data (function(){ viewModel.InitData(); ko.applyBindings(viewModel); })();