Grid with CRUD problem

Title:

BI{code} ?

The grid shows the data, but it does not show the edit button image. Instead it displays a very small clickable circle, which when clicked, it does not open the edit view. I followed the installation instructions, but I can't figure out what I may be doing wrong. This is the view : @(Html.Awe().InitPopupForm() .Name("editContinent") .Group("continent") .Url(Url.Action("Edit")) .Success("refreshGrid")) @{ var editFormat = string.Format( "<button type='button' class='awe-btn' onclick=\"{0}\"><span class='ico-edit'></span></button>", Url.Awe().PopupFormAction().Url(Url.Action("Edit", new { Id = ".Id" })).Success("edit").Fullscreen(true)); } <script type="text/javascript"> function refreshGrid() { $('#grdContinents').data('api').load({}); } </script> @(Html.Awe().Grid("grdContinents") .Url(Url.Action("GetItems")) .Selectable(SelectionType.Single) .PageSize(10) .Columns( new Column{Name = "Id", Width=50}, new Column{Name = "Name"}, new Column{Name = "NameEng"}, new Column{ClientFormat = editFormat}) .Persistence(Persistence.Session)) Any help would be appreciated.

Save Changes Cancel

theodore

asked at 04 Jun 2014

Answers

• BI{code} ?

  there's a redundancy in your code, the InitPopupForm is not used in your case since your not using the js awe.open function to open the initialized popup, you can see this approach being used here: http://demo.aspnetawesome.com/GridCrudDemo to see if there are any errors keep the browser console open (chrome F12 -> Console) regarding the image on the button, in the demo app the ico-edit css class is defined in Common.css and Site.css, also there's a png file for it in the same folder as Site.css

  Save Changes Cancel

  

  Omu

  answered at 04 Jun 2014

please Sign In to leave an answer