如何结合select2 js和WebForms
How to combine select2 js and WebForms
我正在尝试从 Ext.net 切换到select2 js。
我不知道如何将脚本与控件相结合。
这是我到目前为止尝试过的。
我盯着新的WebForms应用程序,通过NuGet安装了select2,并尝试从项目网站重现示例
这是我的aspx的样子
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="select2_test.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test Select 2</title>
<script src="Scripts/jquery-1.7.2.js"></script>
<script src="Scripts/select2.js"></script>
<link href="Content/css/select2.css" rel="stylesheet" />
<script type="text/javascript">
$("#e12").select2({ tags: ["red", "green", "blue"] });
</script>
<script type="text/javascript">
$(document).ready(function () { $("#e1").select2(); });
</script>
</head>
<body>
<form id="form1" runat="server" >
<div>
<!--
<input id="e12" />
DO NOT WORK-->
<!--
<select id="e12">
<option></option>
</select>
DO NOT WORK-->
<!--<section id="e12"></section>-->
<!--
<asp:TextBox ID="e13" ClientIDMode="Static" runat="server"></asp:TextBox>
DO NOT WORK-->
<!-- This one only work as sample from web, others do not works-->
<select id="e1">
<option value="0">Test 0</option>
<option value="1">Test 1</option>
<option value="3">Test 3</option>
</select>
</div>
</form>
</body>
</html>
当我想在 int 上应用 JS 时,我使用什么类型的控件?是否有使用 select2 js 的 WebForms 示例?
你可以尝试使用这个:
<select multiple id="e1">
<option value="0">Test 0</option>
<option value="1">Test 1</option>
<option value="3">Test 3</option>
</select>
演示示例的链接如下:
http://jsfiddle.net/marcusasplund/jEADR/2/ http://jsfiddle.net/john_s/xra9k/
小心 Select2。它有一些副作用:它会更改控件的 ID。因此,如果您使用KNOCKOUT.js并决定将select2应用于下拉列表,那么您将遇到问题,解决方案不会很好。实际上,最好避免使用某些第三方的组件,或者至少严格控制它们。
相关文章:
- 使用Select2和Meteor.js进行动态数据采集
- Uglify JS错误:意外字符''连接时,请缩小select2
- 如何结合select2 js和WebForms
- 使用 select2.js 带有占位符,我无法选择第一项
- 如何覆盖 select2.js 元素之一的 z 索引
- Select2.js-如何防止显示标签
- 如何在select2.js中只忽略空格
- Jquery Select2.js在迁移后不起作用
- 使用select2和Ember.js进行X编辑
- select2(js)表单元素的表单结果的简单排序
- 使用DOM按钮更改Select HTML元素中的Selected Value单击select2.js
- 如何使用骨干marionette js将数据呈现给select2
- select2.js-如何在选项元素内对齐两个项目
- Select2.js设置默认值为带有输入数组的select box
- formatSelection在select2.js中不起作用
- 使用select2.js为选择文本设置不同的显示值
- Bootstrapvalidator不能在select2.js上工作
- Select2.js v4.0:如何使用本地数组数据源设置默认选择值
- select2.Js v4.0:如何显示和格式化本地数组数据源
- Select2.js v4.0:如何将过滤器文本传输到ajax源数据