sortable Integration with ListView

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

    Posted 27 Sep 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
    11 posts
    Member since:
    Jan 2016

    Posted 27 Sep 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. UI for ASP.NET MVC is VS 2017 Ready
  4. Vasil
    Admin
    Vasil avatar
    1547 posts

    Posted 28 Sep 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