【问题标题】:Kendo grid pass parameters from colum to js function剑道网格将参数从列传递到js函数
【发布时间】:2017-10-31 10:43:57
【问题描述】:

请你帮帮我吧! 我使用剑道 UI MVC。我只是创建了 ClientTemplate,但我不知道如何从我的模型中正确传递参数。

.Columns(columns =>
      {
          columns.Bound(i => i.ExtractionDate).Title(CwAppContext.GetString<GridsTitles>("lblExtractionDate")).Groupable(false).Width(150)
          .ClientTemplate("\\# if (IsWeWrite) { \\#  \\#=ExtractionDate\\#  \\#} else { \\# " +
              "<a class='issue-date-link' data-is-european-country='\\#=IsEuropeanCountry\\#' data-language-id='\\#=LanguageId\\#' data-available='\\#=IsAvailable\\#' data-doc-id='\\#=DocId\\#'>\\#=ExtractionDate\\#</a>" +
              "\\# } \\#");

          columns.Bound(i => i.IssueDate).Title(CwAppContext.GetString<GridsTitles>("ttlIssueDate")).Groupable(false);
      })

最后我想创建一些函数并像这样调用它:

.ClientTemplate(IssueDateClientTemplate().ToString());

但我的代码不正确。有人可以解释并帮助我吗?

@helper IssueDateClientTemplate()
{
    <text>
        # if (IsWeWrite) {\\#:ExtractionDate\\#} else { #
        <a class='issue-date-link' data-is-european-country='\\#=IsEuropeanCountry\#'
           data-language-id='\\#=LanguageId\\#' data-available='\\#=IsAvailable\\#'
           data-doc-id='\\#=DocId\\#'>\\#=ExtractionDate\\#</a>"# }#
    </text>
}

【问题讨论】:

    标签: javascript model-view-controller kendo-ui grid kendo-grid


    【解决方案1】:

    使用服务器或客户端绑定时如何使用模板的示例:
    客户端绑定

    助手:

    @helper IssueDateClientTemplate()
    {
        <text>
            # if(Id == 1) { #
            <a class='issue-date-link' data-is-european-country='#=Id#'>#=Id#</a>
            # } #
        </text>
    }
    

    栏目:

    columns.Bound(c => c.Name).ClientTemplate(IssueDateClientTemplate().ToString().Trim());
    


    服务器绑定:

    助手:

    @helper IssueDateClientTemplate(BaseData item)
    {
        if (item.Id == 1)
        {
            <a class='issue-date-link' data-is-european-country='@item.Id'>@item.Id</a>
        }
    }
    


    栏目:

    columns.Bound(c => c.Name).Template(@<text>@IssueDateClientTemplate(item)</text>);
    

    【讨论】:

      猜你喜欢
      • 2014-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多