Question

我正在使用kendoTemplate在页面上显示图像。这是代码：

   <div id="listView" class="k-listview" style="text-align:left"></div>
<script type="text/x-kendo-tmpl" id="template">
    <div class="product">
        <img id='base64image' style='display:block; width:300px;height:300px; src='data:image/jpeg;base64,#:fileData#' /></a>
        <div class="edit-buttons">
          <center> 
              <span class="k-label">&nbsp; #:fileDesc# </span><br>
              <a id="deleteAccess" class="k-button k-delete-button">Delete<span class="k-icon k-i-close"></span></a>
             </center>
        </div>
    </div>
</script> </div>

这是我创建kendoListView的代码：

       $(document).ready(function () {

          var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "URL", type: "get",
                    }
                },
            });

            var listview = $("#listView").kendoListView({
                remove: { //Remove Code }
                    }
                    else {
                        var deleteurl = //SomeURL
                        $.ajax({
                            url: deleteurl,
                            data: { XYZ },
                            success:  { //Success Code  },
                            error: {//ErrorCode }
                            }
                        });
                    }
                },
                dataSource: dataSource,
                template: kendo.template($("#template").html()),
            }).data("kendoListView");

在我的模板中，我有“deleteAccess”按钮。我想让它显示在角色基础上。我知道我可以隐藏document.getElementById('deleteAccess').style.display= "none";

当我在document.ready()函数中写入行（隐藏代码）时（是，在角色基础条件检查之后），它给出了一个错误，说“无法添加未定义的样式属性”。我无法弄清楚我需要写入代码以获得所需的输出。

预期输出：对于没有访问权限的用户，不应该看到“删除”按钮。

谢谢

在条件下编辑kendoTemplate

0 个答案: