Home / Community & Support / Developer Productivity Tools Forums / Telerik MVC Extensions (superseded) > General Discussions > Grid breaks sibling form

• Alex

  Posted on Mar 20, 2012 (permalink)

  Using 2012 Q1 release. I have an ajax form Ajax.BeginForm with a submit button.  Below, on the same page, but outside the form I have an InLine editable grid.  I can change the input values in the form and submit OK in IE compatibility mode, but doesn't work in non-compatibility mode, Chrome, or Safari.  When I change the input values in the form I get the following errors in the browser Console:
  
  IE:
  

  SCRIPT5007: Unable to get value of the property 'call': object is null or undefined

  asset.axd?id=_QAAAB-LCAAAAAAABADsvQdgHEmWJSYvbcp7f0r1StfgdKEIgGATJNiQQBDswYjN5pLsHWlHIymrKoHKZVZlXWYWQMztnbz33nvvvffee--997o7nU4n99__P1xmZAFs9s5K2smeIYCqyB8_fnwfPyJ-8Uezjx597xd_tPro0Uevp3WxapuPRh-d82dL-qzNy7wu3o6n1WJRLcc_jW-rjx7t_JJR-H2bv2sn1TvbYLfb4KIuZvbbPfPtT_-idV5fjy-zsphlbW4b3Iu-ns-Ktlhe2Fb7v-T7v-T7o4-mLTd819796ewya3gU1OCSPt3b2d0b7473dvfpgykN9d6n9-mXjx619Tr_Jf9PAAAA__-9AyQn_QAAAA%3d%3d, line 31 character 260

  
   Chrome:
  

  Uncaught TypeError: Cannot call method 'call' of undefined

  c.extend.checkasset.axd:32

  c.extend.elementasset.axd:27

  c.extend.defaults.onkeyupasset.axd:22

  aasset.axd:24

  c.extend.validateDelegateasset.axd:53

  f.event.dispatchjquery-1.7.1.min.js:3

  f.event.add.h.handle.i


  
  Submitting the form fails as well.
  
  I have another page in my application that has a form and editable grid, but the form and grid are loaded through separate ajax calls and the form works fine on that page.
  
  Any suggestions for fixing, troubleshooting?

• Roger

  Posted on Jun 21, 2012 (permalink)

  I have exactly the same issue - had to back out the ajax form component e.g. Ajax.BeginForm and move to manual Jquery JSON submit.
  There seems to be a clash with the grid component when you have .Editable(editing => editing.Mode(GridEditMode.InCell)) and a ajax submit form on the same page - remove the edit and the form works...remove the form and the grid edit works.
  Jquery 1.7.2
  Telerik MVC 2012.1.214.340 

• Roger

  Posted on Jul 8, 2012 (permalink)

  Update: 
  Manual jquery submission of the form still doesn't resolve the issue.
  Does anyone have a possible solution or work around to this?
  thx
  

• Roger

  Posted on Jul 8, 2012 (permalink)

  this seems to be the fix:
  http://stackoverflow.com/questions/7283022/telerik-mvc-window-jquery-validator-issue 
  
  It seems that the version of telerik jquery and jquery validation must be used or this problem occurs..
  
  I had to do the following - in this order at the top of the page:
   @(Html.Telerik().ScriptRegistrar().Globalization(true).jQuery(true).jQueryValidation(true)
                                      .DefaultGroup(group => group
                                          .Enabled(true)
                // .Combined(true).Compress(true)
                                      )
                                      )
  
      <!--script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
      <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script-->
      
      <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
      <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
   

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Telerik MVC Extensions (superseded) > General Discussions > Grid breaks sibling form