从代码隐藏设置 Jquery Multiselect 插件属性

Posted

技术标签:

【中文标题】从代码隐藏设置 Jquery Multiselect 插件属性【英文标题】:Setting Jquery Multiselect plugin properties from codebeind 【发布时间】:2014-12-30 09:43:23 【问题描述】:

是否可以从 codebeind 设置 jquery Multiselect 插件属性?

我创建了一个 asp.net 网络用户控件,它显示带有复选框的多选 jquery 下拉菜单。我在同一页面的不同位置使用此控件,并希望调整每个下拉菜单的宽度。不知道是否有可能在代码中添加一个控件属性来改变多选下拉菜单的宽度。

$("select").multiselect(
   selectedText: "--Select ALL--",
   minWidth: '300'
);

【问题讨论】:

【参考方案1】:

您可以在页面中插入可以执行此操作的 javascript,但您需要知道每个选择元素的 id 才能执行此操作。

但我不建议这样做。

最好在 html 中设置属性,而不是调用 javascript。

【讨论】:

【参考方案2】:

向ppetrov's 答案添加更多信息,您可以将javascript 语句包装到函数中。喜欢关注

function SetSize(size)

 $("select").multiselect(
    selectedText: "--Select ALL--",
    minWidth: size
 );

在服务器端代码中,您可以使用以下设置大小。

ClientScript.RegisterStartupScript(typeof(Page), "scrpt", string.Format("SetSize(0);","100"), true);

假设您需要对所有 select 元素执行此操作,因为您已在选择器中指定了此操作。

但是,最好在客户端代码 (JS) 中处理所有内容,因为您需要在 JS 中处理某些内容。

【讨论】:

以上是关于从代码隐藏设置 Jquery Multiselect 插件属性的主要内容,如果未能解决你的问题,请参考以下文章

JQuery效果隐藏/显示

用jquery怎么实现点击显示,再一次点击隐藏

jquery中有datagrid怎么设置编辑和删除按钮

jQuery动画

ListView的设置

jquery显示隐藏div