Devextreme ile dxdatagrid veri alımı 1

Datagrid en çok kullanılan toollar arasında. Datagrid için de 3 yöntem var ve aynı yöntemler hepsi için geçerli çünkü devextreme knockout, jquery ve angular js kullanıyor. o yüzden bu yolda herşey mubah. Sadece bir yöntemden bahsedeceğim. Başlayalım

Dxdatagrid için en çok merak edilen olay json verileri nasıl alınırdır?
bunun için en basit yöntem elbette ajax. Fakat biz  bugün devextreme ait bir fonksiyon kullanarak yapacağız.

JS CODE
js file içerisine

dataSource: {

 load: function (loadOptions) { 

var d = new $.Deferred(); 

var params = {}; 

 if (loadOptions.filter) {

 params.filter = JSON.stringify(loadOptions.filter);

 }

if (loadOptions.sort) {

 params.sort = JSON.stringify(loadOptions.sort); 

}

 if (loadOptions.dataField) {

 params.dataField = loadOptions.dataField; 

}

if (loadOptions.select) { params.select= JSON.stringify(loadOptions.select); 

}

if (loadOptions.group) {

params.group = JSON.stringify(loadOptions.group);

 }

 params.skip = loadOptions.skip;

 params.take = loadOptions.take;

$.getJSON('http://localhost:56253/test/3?format=json', params).done(function (data) { d.resolve(data);

 }); 

return d.promise(); 

}

Devextreme ile Textbox

Evet devextreme sıra geldi.  Bugün devextreme ile textbox kullanımı anlatacağım.
Textbox oluşturup tanımlamanın üç yolu var. Sırasıyla başlayalım.

İlk Yol
html code içerisine aşağıdaki gibi  yazarız.
HTML CODE

 <div data-bind="dxTextBox: { value: txtValue}"></div> 

Çalıştırdığımızda txtValuenun undefined olduğu  yazar ve hata verir.
Bunun için js kodları içerisine
JS CODE

txtValue:ko.observable(" "); 

yazarız.

2. Yol
Diğer bir yöntem ise
html code içerisine aşağıdaki gibi  yazarız.
HTML CODE

<div id="textBox"></div>  

JS CODE
js içerisine ise

$("textBox").dxTextBox({
value:" ";
})

yazarız.

3. Yol 
Sonuncu yöntem ise
html code içerisine aşağıdaki gibi  yazarız.
HTML CODE

<div data-bind="dxTextBox:text" ></div>

kodunu yazarız.
JS CODE
js içerisine ise

text:{
value:" ";
}

kodu yazılır.

İşte bu kadar basit sizin için o an en kolay yöntem hangisi olacaksa onu secebilirsiniz.Genellikle tercih ettiğim ilk yöntemdir. Kolay gelsin.