Databases
StackOverflow2013
Postsdbo
POinfragistics igGrid in a dialog box does not take user's input
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POinfragistics igGrid in a dialog box does not take user's input
    text
    copied!<p>I have an application using infragistics asp.net web grid. In the main page, Grid is displayed no problem. user can select a row from main grid, from there a dialog box pops up where a second grid is. The second grid just display the details of user-selected grid one's row. Now I have a problem in the second grid, where user couldn't modify any existing values. I counld't find out anything I did differently in the second grid from first grid. see my code:</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function () { $.ig.loader({ scriptPath: "js/", cssPath: "css/", resources: "igGrid.*" }); $.ajax({ type: "POST", url: "Default.aspx/LoadA", contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, error: function (result) { alert(result.d); } }); function OnSuccess(result) { $.ig.loader( function () { var jsonLocal = new $.ig.JSONDataSource({ dataSource: result.d, responseDataKey: "d" }); $("#tblMain").igGrid({ dataSource: jsonLocal, autoGenerateColumns: false, renderCheckboxes: true, width: "100%", height: "100%", primaryKey: "ColA", columns: [ { key: "ColA", headerText: "ColA", dataType: "number" }, { key: "ColB", headerText: "ColB",ataType: "string" }], features: [ { name: "Updating", editMode: "row", columnSettings: [ { columnKey: "ColA", readOnly: true } ] }, { name: "Resizing", deferredResizing: false, allowDoubleClickToResize: true }, { name: "Filtering", allowFiltering: true, caseSensitive: false, type: "local" }, { name: "Selection", mode: "row", cellSelectionChanging: igGridCellSelectionChanged } ] //end feature }) //end igGrid } //end function ) //end loader } //end onSuccess $("#tblMain").on("iggridselectionrowselectionchanged", igGridCellSelectionChanged); function igGridCellSelectionChanged(event, ui) { var ColA = ui.row.element[0].cells[0].innerText; $.ajax({ type: "POST", url: "Default.aspx/LoadB", contentType: "application/json; charset=utf-8", dataType: "json", data: '{ColA:"' + ColA+ '"}', success: OnAttachments, error: function (result) { alert(result.d); } }); }; function OnAttachments(result) { $.ig.loader(function () { $.ig.loader(function () { var jsonLocal = new $.ig.JSONDataSource({ dataSource: result.d, responseDataKey: "d" }); $("#tblAttachment").igGrid({ dataSource: jsonLocal, width: "800", height: "80%", autoGenerateColumns: false, primaryKey: "UId", columns: [ { key: "Col1", headerText: "Col1", dataType: "number", width: "50px" }, { key: "Col2", headerText: "Col2", dataType: "string", width: "100px" } ], fixedHeaders: true, showHeader: true, features: [{ name: "Updating"}] }); }); }); }; $('#dialog').dialog({ modal: true, autoOpen: false, closeOnEscape: false, width: 800, height: 500, buttons: [{ text: "OK", click: function () { $("#dialog").dialog("close"); } }] //end buttons }); //end dialog }) &lt;/script&gt; &lt;body&gt; &lt;div class="page"&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt; &lt;table id="tblMain" border="1" align="center"&gt;&lt;/table&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; &lt;table&gt; &lt;tr&gt; &lt;td align="right"&gt; &lt;button id="btnAttach" class="button"&gt; Additional Info&lt;/button&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;div id="dialog" title="Attach Contracts"&gt; &lt;table&gt;&lt;tr&gt;&lt;td&gt; &lt;table id="tblAttachment" border="1" align="center"&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload