Hej to znowu ja. Powiedzcie mi jak prosto wywołać metode web api z:
http://localhost:53337/api/values/
Zapisanie jsona w formie:
var datatableData = [
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 }
];
Gdyz to pozniej chce wykorzystac w ultimate data tables.
Reszta kodu js:
angular.module('ngAppDemo', ['ultimateDataTableServices']).controller('ngAppDemoController', ['$scope', 'datatable', function ($scope, datatable, crudService) {
//Simple example of configuration
var datatableConfig = {
"name": "simple_datatable",
"columns": [
{
"header": "Product ID",
"property": "productID",
"order": true,
"type": "number",
"edit": false
},
{
"header": "Product Name",
"property": "productName",
"order": true,
"type": "text",
"edit": false
},
{
"header": "Product Quantity",
"property": "productQuantity",
"order": true,
"type": "number",
"edit": false
},
{
"header": "Product Price",
"property": "productPrice",
"order": true,
"type": "number",
"edit": false
},
{
"header": "Product Units",
"property": "productUnits",
"order": true,
"type": "number",
"edit": false
}
],
"select":{
"active":false
},
"edit": {
"active": false,
"columnMode": false
},
"otherButtons":{
"active":true
},
"pagination": {
"mode": 'local',
"numberRecordsPerPage": 6
},
"order": {
"mode": 'local'
},
"showTotalNumberRecords":false,
"remove": {
"active": false,
"mode": 'local'
}
};
//Simple exemple of data
// zamiast zahardkodowanych danych chce pobrac je z web api
var datatableData = [
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 },
{ "productID": 2, "productName": "Product2", "productQuantity": 63, "productPrice": 3.40, "productUnits": 63 },
{ "productID": 3, "productName": "Product3", "productQuantity": 12, "productPrice": 1.40, "productUnits": 23 },
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 },
{ "productID": 2, "productName": "Product2", "productQuantity": 63, "productPrice": 3.40, "productUnits": 63 },
{ "productID": 3, "productName": "Product3", "productQuantity": 12, "productPrice": 1.40, "productUnits": 23 },
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 },
{ "productID": 2, "productName": "Product2", "productQuantity": 63, "productPrice": 3.40, "productUnits": 63 },
{ "productID": 3, "productName": "Product3", "productQuantity": 12, "productPrice": 1.40, "productUnits": 23 },
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 },
{ "productID": 2, "productName": "Product2", "productQuantity": 63, "productPrice": 3.40, "productUnits": 63 },
{ "productID": 3, "productName": "Product3", "productQuantity": 12, "productPrice": 1.40, "productUnits": 23 },
{ "productID": 1, "productName": "Product1", "productQuantity": 23, "productPrice": 2.40, "productUnits": 43 },
{ "productID": 2, "productName": "Product2", "productQuantity": 63, "productPrice": 3.40, "productUnits": 63 },
{ "productID": 3, "productName": "Product3", "productQuantity": 12, "productPrice": 1.40, "productUnits": 23 }
];
//Init the datatable with his configuration
$scope.datatable = datatable(datatableConfig);
//Set the data to the datatable
$scope.datatable.setData(datatableData);
}]);