[原创]如何在FineUI中集成jQuery UI的AutoComplete组件

sanshi · 发表于 2012-12-21 00:20:58

支持一下哈：http://www.cnblogs.com/sanshi/archive/2012/12/21/2827360.html

另：有网友问的如何响应 keypress 事件也写了个例子：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="keydown.aspx.cs" Inherits="FineUI.Examples.other.keydown" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<x:PageManager ID="PageManager1" runat="server" />
<x:SimpleForm ID="SimpleForm1" runat="server" Width="600px" BodyPadding="5px" EnableBackgroundColor="true"
Title="简单表单">
<Items>
<x:TextBox ID="TextBox1" runat="server" ShowLabel="false" EmptyText="输入一些文字，下面的文本框会随之改变">
</x:TextBox>
<x:TextBox ID="TextBox2" runat="server" ShowLabel="false">
</x:TextBox>
</Items>
</x:SimpleForm>
</form>
<script type="text/javascript">
function onReady() {
var textbox1 = Ext.getCmp('<%= TextBox1.ClientID %>');
var textbox2 = Ext.getCmp('<%= TextBox2.ClientID %>');
function updateTextbox2() {
window.setTimeout(function () {
textbox2.setValue(textbox1.getValue());
}, 100);
}
// 注：keypress在输入中文时无效，如果想做到真正的同步，就要用到定时器了。
textbox1.el.on('keypress', function (e) {
updateTextbox2();
});
textbox1.on('change', function (e) {
updateTextbox2();
});
}
</script>
</body>
</html>

复制代码

Mr.Wu · 发表于 2012-12-21 00:43:17

不错，版主威武。

孤独的过客 · 发表于 2012-12-22 13:09:14

你可以把这个例子做到demo中

sanshi · 发表于 2012-12-22 13:23:26

孤独的过客发表于 2012-12-22 13:09
你可以把这个例子做到demo中

已经做进去了，看声明：FineUI.Examples.other.keydown

		自动登录	找回密码
密码			立即注册