EXT文本框扩展的问题 请教如何扩展ext的textfield组件,做成类似combo的组件,当textfield中的内容超出了显示范围,文本框中出现一个按钮比如“...”,点击这个按钮弹出层,现实文本框中的完整信息,哪位有过类似的扩展,请赐教 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 那要看懂EXTJS的源代码才行啊!如果用js做的话,应该是这样,<html><head><script>function dd(){var v=document.createElement("div");v.id="tf";v.style.width="100px";v.style.height="20px";v.style.border="1px solid red";v.style.zIndex=1000;v.style.overflow="hidden";v.style.position="relative";v.innerText="caaaddddddddddddddddddddddddddddddddddddd";v.value=v.innerText;document.body.appendChild(v);if(v.scrollWidth>v.offsetWidth){ var vv=document.createElement("div");vv.style.width="20px";vv.style.height="20px";vv.style.position="absolute";vv.style.zIndex=2000;vv.style.right=0;vv.style.top=0;vv.style.border="1px solid blue";vv.innerText="...";vv.style.backgroundColor="#e8ddff";vv.style.cursor="hand";vv.onclick=function(){alert(document.getElementById("tf").value);}; v.appendChild(vv)}}</script></head><body onload="dd();"></body></html> Extjs 有个triggerField控件,是textField的子类,combo的父类,你在onTriggerClick方法中弹出内容就可以了,至于内容没超出的,你找一下afterRender事件,在这个事件里面,你把按钮隐藏就可以了,this.trigger.hide();应该很简单的。连扩展都不需要做! 用jquery动态加载TAB请求帮助! fullcalendar事件如何加载? 在左下角弹出“数据处理”的提示层,分享下。跨框架,随屏滚动,IE6,7,8,FF测试没问题 JS 的另存为 代码,在IE7下面好象没有用 日期判断的问题,请各位给个思路 vml中如何用javascript去掉polyline的箭头? 动态创建表格问题! 如何让页面返回,依然保留之前ajax加载的数据? 怎么用<a href="页面名?name=value" target="" />来传值? 框架间如何传递来自别的网站的URL 提交隐藏的表单,怎么不起作用呢? 自动刷新时 保持iframe滚动条位置
如果用js做的话,应该是这样,
<html>
<head>
<script>
function dd(){
var v=document.createElement("div");
v.id="tf";
v.style.width="100px";
v.style.height="20px";
v.style.border="1px solid red";
v.style.zIndex=1000;
v.style.overflow="hidden";
v.style.position="relative";
v.innerText="caaaddddddddddddddddddddddddddddddddddddd";
v.value=v.innerText;
document.body.appendChild(v);
if(v.scrollWidth>v.offsetWidth)
{
var vv=document.createElement("div");
vv.style.width="20px";
vv.style.height="20px";
vv.style.position="absolute";
vv.style.zIndex=2000;
vv.style.right=0;
vv.style.top=0;
vv.style.border="1px solid blue";
vv.innerText="...";
vv.style.backgroundColor="#e8ddff";
vv.style.cursor="hand";
vv.onclick=function(){
alert(document.getElementById("tf").value);
};
v.appendChild(vv)
}
}
</script>
</head>
<body onload="dd();">
</body>
</html>