Hi guys, i am having another problem this time -adding row programatically..
so i am using jquery-1.9.1.min, jQuery UI - v1.10.3 and ignite ui version 13.2.
to solve the problem i did tried to change the jquery files to older ones, or declare the iggrid component inside a table or div element.
when changing the jquery files to older ones, there was always some kind of problem, like a combo box that didnt load..
i also tried to declare the grid inside a div or table element...following this toppic:
http://ko.infragistics.com/community/forums/p/76295/385579.aspx#385579
and according to this topic i should declare the iggrid component inside a table tag..
or if i want to use the div, i should change the call, acording to this link below..
http://help.infragistics.com/Help/NetAdvantage/jQuery/2012.2/CLR4.0/html/Known_Issues_and_Limitations_2012_Volume_2.html#_Ref321736823
on my view i initialy had this:
@inherits WebViewPage@using Infragistics.Web.Mvc;@{ Layout = "~/Areas/Idonic/Views/Shared/_Layout.cshtml";}
@(Html.Infragistics().Grid(Model))
and then on a button click i call this
$("hierarchicalGrid").igGridUpdating("addRow", { var1: var1, var2: var2 }); $("hierarchicalGrid").igGrid("commit");
after reading some toppics i change the view to this
@inherits WebViewPage@using Infragistics.Web.Mvc;@{Layout = "~/Areas/Idonic/Views/Shared/_Layout.cshtml";}
i also tried with the code above and remove the td and tr elements..
$("#grid1").igGrid("widget").igGridUpdating("addRow", { NomeEmpresa: sNomeDaEmpresa, Nif: sNif, Tipo: sNivelDeAcesso }); $("#grid1").igGrid("widget").igHierarchicalGrid("commit");
http://igniteui.com/grid/editing-api-events -> this example use the same js and css files dependencies and this works, i think that the problem is related to the fact that i am using ighierarchicalgrid with load on demand??
but still the error appears, what could be the issue.?
Hi Sergio Joyce,
I am glad to hear you resolved the previous issue.
In order to refresh the grid, calling $("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("dataBind"); should be enough to request the data from the server. How are you setting your igHierarchicalGrid's dataSource? Are you using a DataSourceUrl to call an Action in your controller? If so, does the browser make a request to the server and does it return any data? You can check this through your browser's network traffic in the Dev tools.
Thank you for the clarification on your question regarding displaying HTML. I did not realize you were referring to the forums earlier.
We do provide code tags in the forum posts that can be used when posting code. This may help prevent the HTML from being rendered. You can see an example of this below.
Typing this:
[code] <div> <p>Test</p> </div>[/code]
Displays as:
<div> <p>Test</p> </div>
Looking forward to hearing from you.
so, as usual the problem was me, after a lot of trial and error , i found out that the updating feature was only enable on child rows...
sometimes it is the simple things that are usually the problem..
but as one problem is solve (i hope), another appears, after adding the row, how can i refresh the grid..
i had tried this :
//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("option", "dataSource", "/Area1/EmpresasUtilizadores/GetListaEmpresas"); //$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("dataBind");
//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("option", "dataSource", "/Area1/EmpresasUtilizadores/Index");//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("dataBind");
//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("option", "dataSource", "/Area1/EmpresasUtilizadores/dataParent"); -> dataparent call this method//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("dataBind");
//$("#hierarchicalGridEmpresasUtilizadores").igHierarchicalGrid("dataBind");
what it does is that the grid data disappears from the grid..
thanks..
so, when i first posted response above all the code apperas correcty, if after that i try to edit the post, the table code and buttons code appears as actual component and not code...
thanks
Hi, let me try to explained...
if i put some code in here, and that code has know html elements, when posting it transforms it to html components..
but i want to was to show the code..
example..
<table><tr><td></tr></td></table>
above i described a table, and the browser will transform this into a table...
but how can i show it as text like table tr td /td /tr /table..it is missing the <>.
i am sorry , but i am portuguese, and sometime it is difficult to explain things in the correct way..
now the main problem, i still cant add the row, i have got a hierarchical grid inside a dialogbox, and initialy the dialog is closed..
the user select the tab of User Profiles..and the page appears with the grid..
this is the page
@using LicenciamentoV4.HtmlHelpers@inherits WebViewPage<Infragistics.Web.Mvc.GridModel>@using Infragistics.Web.Mvc;
@Scripts.Render("~/bundles/Cliente")
@{ Layout = "~/Areas/Idonic/Views/Shared/_Layout.cshtml";}
<div id="StatusOperacoesBDEmpresasUtilizadores" style="display:none" > <h1><label style="color:green" id="msgStatusOperacoesBDEmpresasUtilizadores"></label></h1>
</div>
<input type="button" id="Criar_Empresa_Button" value="Criar Empresa" onclick="OpenDialogBoxAddOrEditEmpresa();" /><input type="button" id="Criar_Utilizador" value="Criar Utilizador" onclick="OpenDialogBoxAddUtilizadores();" /><input type="button" id="Undo_EmpresasUtilizadores_Button" value="Voltar Atrás" onclick="UndoDeleteEmpresasUtilizadores();" /><input type="button" id="Delete_EmpresasUtilizadores_Button" value="Eliminar" onclick="DeleteEmpresasUtilizadores();" />
@(Html.Infragistics().Grid(Model)) -->declaring the grid
@* render da dialog box do criar ou editar cliente *@@(Html .Infragistics() .Dialog() .State(DialogState.Closed) .ContentID("DialogBox_AddOrEdit_Empresa")
.HeaderText("Empresa") .Modal(true) .ShowCloseButton(true) .CloseOnEscape(true) .Width("600px") .Resizable(false) .Height("150px") .TrackFocus(false) .Render()) @* Dialgo box do editar *@<div id="DialogBox_AddOrEdit_Empresa"> @Html.Action("AddOrEdit_Empresa","EmpresasUtilizadores") </div>@* render da dialog box do criar ou editar cliente *@@(Html .Infragistics() .Dialog() .State(DialogState.Closed) .ContentID("DialogBox_Edit_Utilizador") .HeaderText("Utilizador") .Modal(true) .ShowCloseButton(true) .CloseOnEscape(true) .Width("600px") .Resizable(false) .Height("150px") .TrackFocus(false) .Render()) @* Dialgo box do adicionar utilizador *@<div id="DialogBox_Edit_Utilizador"> @Html.Action("Edit_Utilizador","EmpresasUtilizadores") </div>@(Html .Infragistics() .Dialog() .State(DialogState.Closed) .ContentID("DialogBox_Add_Utilizador") .HeaderText("Utilizador") .Modal(true) .ShowCloseButton(true) .CloseOnEscape(true) .Width("600px") .Resizable(false) .Height("150px") .TrackFocus(false) .Render()) @* Dialgo box do editar *@<div id="DialogBox_Add_Utilizador"> @Html.Action("Add_Utilizador","EmpresasUtilizadores") </div>
the grid appears fine, i want to add a main row, so i pressed the button "Criar Empresa", and that button calls the jquery function OpenDialogBoxAddOrEditEmpresa();
to open the dialog box i called
$("#DialogBox_AddOrEdit_Empresa").igDialog("open");
that dialog box contains
@using Infragistics.Web.Mvc
<div style="width:580px;"> <table style="width: 578px;"> <tr style="width: 578px;"> <td style="width:150px;" colspan="1" > <input type="button" id="DialogBox_AddOrEdit_Empresa_ButtonOk" class="button-style" value="OK" onclick="GuardarDadosEmpresa();" /> <input type="button" id="DialogBox_AddOrEdit_Empresa_ButtonCancel" class="button-style" value="Cancelar" onclick="$('#DialogBox_AddOrEdit_Empresa').igDialog('close');" /> </td> <td style="width:428px;" colspan="2" > <label id="DialogBox_AddOrEdit_Empresa_LblErros" style="color: red; display: none;"></label> <label id="DialogBox_AddOrEdit_Empresa_LblOk" style="color: green; display: none;"></label> </td> </tr> <tr style="width:578px;"> <td style="width: 50%;"> <label >Nome</label> <input id="DialogBox_AddOrEdit_Empresa_EditText_Nome" type="text" style="width: 90%;" /> </td> <td style="width: 30%;"> <label >Nif</label> <input id="DialogBox_AddOrEdit_Empresa_EditText_Nif" type="text" style="width: 90%;" />
</td> <td style="width: 20%;"> <label>Tipo de Empresa</label> @(Html.Infragistics().Combo() .ID("DialogBox_AddOrEdit_Empresa_Select_TipoAcesso") .Width("100%") .MultiSelection(ComboMultiSelection.Off) .DataSourceUrl(Url.Action("TipoAcesso-combo-data")) .ValueKey("Key") .TextKey("Value") .DataBind() .Render() ) </td> </tr> </table> </div>
then i filled the fields and press button to save...
and that function validates the data and then called addRow api,after this the error appears on the console..
i am having the same problem,this time with a igdatepicker..
what could be the problem?
Hello Sergio Joyce,
Thank you for posting in our forums!
As you are using our MVC Helpers, you should not be concerned with using a div vs. a table. The Helper will render the grid in a table automatically and you should not need to make an modifications to the DOM.
The following example may be more suited for demonstrating your needs since it uses the MVC Helper with the igHierarchicalGrid with Load On Demand:
http://igniteui.com/hierarchical-grid/aspnet-mvc-helper
Could you also please clarify what you mean by "adding the html code as text and not as html components" in your update?