这是一个迁移的线程,可以显示一些评论作为答案。
分离器未激活
8个答案 7次观点
这是一个迁移的线程,可以显示一些评论作为答案。
约翰内斯
最佳成就
排名1
约翰内斯问道04年8月20日,12:23 AM

我有一个有细节面板的网格。详细信息面板具有以下模板:

<脚本ID=“BridgeionGridDetailstemplate”类型=“文本/ kendo-tmpl”>
@(html.kendo()。拆分器()
.name(“sug-splitter - #= bulderionid#”)
.htmlAttributes(新{style =“高度:500px;”})
.Olientation(Splitterorientation.vertical)
.Panes(VerticalPanes =>
{
verticalpanes.add()
.htmlAttributes(new {id =“sug-top - #= stransionid#”}“
。可接受的(假)
.size(“#if(status == 0){#54px#} els {#100px#}#”)
.Content(@ <div班级=“容器”>
<div班级=“排”>
#if(status == 0){#
<div班级=“Col-2偏移-10浮动右”>
@(html.kendo()。按钮()
.name(“deletesuggestionbtn - #= bulderionid#”)
.htmlAttributes(new {type =“按钮”,@class =“k-btn-danger mt-2 float-right”})
.Events(e => e.click(“deletesuggestionblick”))
.Content(“删除”)。ToClientTemplate())
div>
#} 别的 {#
<div班级=“col-4”>
<标签>行动:标签>
<P.>#= ActionedBy#P.>
div>
<div班级=“col-8”>
<标签>评论:标签>
<P.>#=注释#P.>
div>
#}#
div>
div>);
verticalpanes.add()
.htmlAttributes(新{id =“sug-bottel - #= bulderionid#”,@ class =“IV-Pane-no-oderflow”})
。可提化(假)
。可容布(假);
})。ToClientTemplate()
脚本>

该网格具有一个详细的事件,它将使用Ajax与控制器的局部视图填充“sug-splitter”的底部窗格。内容所有加载,但生成的脚本使分离器看起来像分离器不会触发。如果我将jQuery调用复制到控制台并运行它,则分离器将转变为我期待​​的内容。

<脚本> kendo.syncready(function(){jquery(“#vertical-18b41377-7c46-4e83-b72c-84e9a6589135”)。KendoSplitter({“窗格”:[{“易碎”:false,“可滚动”:false},{“可折叠”:假,“可调整大小”:假,“尺寸”:“100px”}],“方向”:“水平”});}); 脚本>

我以前在其中加载了具有拆分器的分离器的内容,虽然这是窗口,而不是网格细节区域。我该怎么做才能让分离器加载,而不仅仅是页面上的一堆div?

8个答案,1被接受

排序方式
0.
伊万丹琴夫
Telerik团队
回答06年8月20日,07:24 PM.

你好,该问题是由无效模板造成的。模板语法和更精确的#符号(哈希文字)在这一行中:

。尺寸(“#if(status == 0){#54px#} else {#100px#}#”

应该逃脱,因为这是另一个模板中的模板(网格的细节模板)。有关逃生哈希文字的更多详细信息,请参阅文档:https://docs.telerik.com/kendo-ui/framework/templates/overview#hash-literal.

此主题还在另一个论坛线程中讨论://www.lovehasrun.com/forums/conditional-client-template-in-razor-hierarchical-grid.

问候,
伊万丹琴夫
进步托利克

0.
约翰内斯
最佳成就
排名1
回答10月10日,06:30 AM

我很新的模板,但是当我创建一个无效的模板时,我通常会被浏览器迅速讲述。我所显示的模板不会提出任何控制台问题。我尝试逃避线路的哈希文字,但窗格宽度不会根据“状态”的值而改变。它总是248px的大小。我也将此移动到返回正确值的方法,窗格正确调整正确。如果我尝试逃避此操作,窗格尺寸会转到248px,并且我加载的拆分器仍然没有创建。

。尺寸(“#= BridgeionGridDetailssplitterpaneheight(数据)#”

我一定做错了什么。你能给我一个应该逃脱的部分的例子吗?

0.
约翰内斯
最佳成就
排名1
回答10月10日,06:36 AM
我刚刚使分离器窗格静态的大小带走了必须逃避任何哈希文字的问题。分离器仍未激活。
0.
伊万丹琴夫
Telerik团队
回答20月12日,05:34 PM.

你好约翰内斯,我附上了我测试了splitter的示例项目。

问候,
伊万丹琴夫
进步托利克

0.
约翰内斯
最佳成就
排名1
回答20月13日,12:31 AM

我已经更新了该项目以显示问题。我在这里无法附加它,因为“无法附加所选文件,因为它可能超过最大附件大小(2 MB)或者来自不允许的类型(允许:。jpg,.jpeg,.gif,.png,.zip)。“如何将项目达到您,以便您可以看到我遇到的内容?

0.
伊万丹琴夫
Telerik团队
回答20月17日,05:07 PM.

你好约翰内斯,套餐最有可能使项目太大。我假设更改只是在视图中。你能只能附上修改的视图,我会在我最后的示例项目中尝试一下吗?

问候,
伊万丹琴夫
进步托利克

0.
约翰内斯
最佳成就
排名1
回答20月17日,晚上11:49

我附上了更新的文件。这还包括我添加以重现问题的一些新文件。_extradeTails.chtml视图上的拆分器不会激活。

0.
伊万丹琴夫
Telerik团队
回答20月20日20日,01:30 PM.

你好约翰内斯,加载“_EXTRADETAILS”视图的HTML,如这样的窗格:

文档.getElementByID('sug-bottel-'+ data.suggestionid).innerhtml = data.view;

不适用于组件。这将加载HTML视图包含,但将绕过组件的初始化。因此,请考虑在加载视图的HTML之后初始化拆分器。而不是标签辅助程序将以下HTML添加到“_extradeTails”视图:

@model int @ {var unqueval = guid.newguid();}<divID=“分离器”班级=k分离器风格=“身高:100%”><divID=“编辑左 - @ Uniqueval”><P.>@Model的左侧分离器P.>div><divID=“编辑 - 右 - @ unqueval”><P.>用于@Model的右侧分离器P.>div>div>

然后在AJAX请求的成功回调(在ondetailsexpanded处理程序中),加载视图的HTML后,找到具有“k分离器”类的div元素,并从中初始化拆分器:

成功:功能数据,TextStatus,JQXHR{文档.getElementByID('sug-bottel-'+ data.suggestionid).innerhtml = data.view;$(“#sug-bottom - ”+ data.suggestionid).find(.k分离器).kendosplitter({方向“水平的”});},

问候,
伊万丹琴夫
进步托利克

五天的海角,角,反应和Xamarin专家的实时编码twitch.tv/codeitlive.,特别奖品等等,免费?!现在注册为了devreach 2.0(20)

拖放文件在此处或浏览附上...
浏览要附加文件...
支持的文件类型:PNG,JPG,JPEG,ZIP,RAR,TXT。最大总文件大小--20MB。
标签
分离器
约翰内斯
最佳成就
排名1
答案
伊万丹琴夫
Telerik团队
约翰内斯
最佳成就
排名1
分享这个问题
或者