Custom popup editor template

2 posts, 0 answers
  1. Fabio
    Fabio avatar
    24 posts
    Member since:
    Nov 2013

    Posted 30 Mar 2016 Link to this post

    Hi,

    i have a problem with custom my editable popup.

    The error is on k-editable, i can't use my template and the browser show me this error:

    Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 50-50 [#] in expression [{ 'mode': 'popup', 'template': 'kendo.template($('#popup_editor').html())' }]. http://errors.angularjs.org/1.4.9/$parse/lexerr?p0=Unexpected%20next%20character%20&p1=s%2050-50%20%5B%23%5D&p2=%7B%20'mode'%3A%20'popup'%2C%20'template'%3A%20'kendo.template(%24('%23popup_editor').html())'%20%7D

     

     

    This is the html code:

    <div kendo-grid
             id="LineGrid"
             k-data-source="lineCtrl.linesList"
             k-editable="{ 'mode': 'popup', 'template': 'kendo.template($('#popup_editor').html())' }"
             k-selectable="'single'"
             k-on-save="lineCtrl.OnSaveEventHandler(kendoEvent)"
             k-toolbar="['create']"
            class="bm_grid">
        </div>

     

    This is the template script:

    <script type="text/x-kendo-template" id="popup_editor">
            <p>Custom editor template</p>
            <div class="k-edit-label">
                <label for="FirstName">First Name</label>
            </div>

    </script>

     

    How can i solve it?

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 01 Apr 2016 Link to this post

    Hello Fabrizio,

     

    I am not able to replicate such problem with our Use AngularJS in Popup Editor Templates how-to project. This project allows defining custom UI for the popup editor and it works fine. 

     

    Regards,
    Boyan Dimitrov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top