sortable Integration with ListView

3 posts, 0 answers
  1. Yilang
    Yilang avatar
    22 posts
    Member since:
    Jan 2016

    Posted 27 Sep 2016 Link to this post

    when i Integrate sortable with listview,I found that when editable,the textbox cannot focus with mouse,only can use tab focus

     

    the listview like this:

        @(Html.Kendo().ListView<txlcinfo.Web.Areas.Institute.Models.UserModel>()
                    .Name("AllUserView")
                    .TagName("div")
                    .ClientTemplateId("UserTemplate")
                    .DataSource(dataSource =>
                    {
                        dataSource.Create(create => create.Action("Users_Create", "Home"));
                        dataSource.Read(read => read.Action("Users_Read", "Home"));
                        dataSource.Destroy(destory => destory.Action("Delete_User", "Home"));
                        dataSource.Model(model => { model.Id("ID"); });
                    })                
                    .Editable(edt=>edt.TemplateName("UserModelTemplate"))
                    )
        @(Html.Kendo().Sortable()
        .For("#AllUserView")
        )
    and the template like this :

    @model txlcinfo.Web.Areas.Institute.Models.UserModel
        <div class="product UserPanel list-view-container" style="width:240px;margin:5px;" data-bind="#:ID#" data-id="#:isSelected#" data-old-id="#:isSelected#">
            <div class="row" style="margin:9px;margin-top:15px;">
                <label for="Name" class="select-period">名字</label>
                @(Html.EditorFor(p => p.Name))
                <!-- ProductName validation message placeholder -->
                <span data-for="Name" class="k-invalid-msg"></span>
            </div>
            <div class="row" style="margin:9px;">
                <label for="Name" class="select-period">性别</label>
                @(Html.Kendo().TextBoxFor(p => p.Male))
                <!-- ProductName validation message placeholder -->
                <span data-for="Male" class="k-invalid-msg"></span>
            </div>
            <div class="row" style="margin:9px;">
                <label for="PhoneNum" class="select-period">电话</label>
                @(Html.EditorFor(p => p.PhoneNum))
                <!-- ProductName validation message placeholder -->
                <span data-for="Name" class="k-invalid-msg"></span>
            </div>
            <div class="edit-buttons row" style="margin:10px;float:right;">
                <a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span>保存</a>
                <a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span>取消</a>
            </div>
            <div class="row" style="margin:5px;"></div>
            </div>
    the result is the textbox cannot focus with mouse ,only can focus with ‘tab' key?

  2. Yilang
    Yilang avatar
    22 posts
    Member since:
    Jan 2016

    Posted 27 Sep 2016 in reply to Yilang Link to this post

    when i delete follow rows:

        @(Html.Kendo().Sortable()
        .For("#AllUserView")
        )

    the textbox can focus by mouse click,but cannot drag able

  3. Vasil
    Admin
    Vasil avatar
    1600 posts

    Posted 28 Sep 2016 Link to this post

    Hi Yilang,

    This issue and resolution is already discussed in the forums here:
    http://www.telerik.com/forums/sortable-including-inputs-issue

    Regards,
    Vasil
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top