filter popup immediately closes angularjs

3 posts, 0 answers
  1. Bertha
    Bertha avatar
    78 posts
    Member since:
    Aug 2012

    Posted 26 Mar Link to this post

    How can I convert "popup:{appendto: $("#winComments")}" to angularjs "k-popup: {??????}"?  Thanks.

    $("#ddMonth").kendoDropDownList({
    dataSource: $scope.mthList,
    dataTextField: "name",
    dataValueField: "name",
    filter: "contains",
    popup: {   <=====
    appendTo: $("#winComments") <=====
    } <========
    });

     

    <select data-ng-show="filterMth" kendo-drop-down-list
    k-data-text-field="'name'"
    k-data-value-field="'name'"
    k-filter="'contains'"

    ??????????
    k-data-source="mthList"></select>

  2. Dimitar
    Admin
    Dimitar avatar
    395 posts

    Posted 28 Mar Link to this post

    Hello Bertha,

    On the following Dojo example a simple DropDownList implementation can be found, that demonstrates how to correctly setup the k-popup option of the widget in an AngularJS scenario.

    To achieve the desired result, the popup option is prefixed with a "k-" and then the declarative attributes for the configuration object are set:
    <div id="container">
    <h4 style="padding-top: 2em;">Remote data</h4>
    <select kendo-drop-down-list
    k-data-text-field="'ProductName'"
    k-data-value-field="'ProductID'"
    k-data-source="productsDataSource"
    k-filter="'contains'"
    k-popup="{appendTo: '#container'}"
    style="width: 100%"></select>   
    </div>

    Additional information on the topic can be found in the following AngularJS Integration Article.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Bertha
    Bertha avatar
    78 posts
    Member since:
    Aug 2012

    Posted 28 Mar in reply to Dimitar Link to this post

    Thanks.  Worked Correctly.
Back to Top