在页面中如何向不同列中添加内容

store72 2011-12-28 04:55:40

单击增加的时候，获得了焦点，在第一列中输入内容，完成后鼠标单击下一列，即可在下一列中输入内容，页面是JSP写的，通过调用JS方法实现，请问如后实现这样的功能？
function newRecord1()
{
addRow = datagrid_table.insertRow();
alert(1)
addRowIndex = addRow.rowIndex;
addCell1 = addRow.insertCell();
alert(addCell1);
addCell1.innerHTML="<input type='text' id='AddHTCsmdCodetype' class='eftText' value='' />"; //增加代码
addCell1.innerHTML="<input type='text' id='AddHTCsmdCodetypeName' class='eftText' value=''/>"; //增加名称
addCell1.innerHTML="<input type='text' id='AddHTCsmdSubsysCodetype' class='eftText' value='' />"; //增加组件代码
document.all('addHTCsmdtype').focus();
document.all('AddHTCsmdCodetypeName').focus();
document.all('AddHTCsmdSubsysCodetype').focus();
}
无法实现功能

...全文

54 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

zjleon2008 2012-01-12

打赏
举报

回复

把innerHTML改成创建节点然后再插入试试

本次更新内容较多，已有的组件新增了很多新的API，并且首次加入了移动端开发框架，可谓相当给力，新东西自然意味着更多的BUG即将诞生，我个人预计在未来的1~2个版本里会有不少BUG修复的更新内容，今后EasyUI定会发力移动开发方向，所以也算是一个好的开头，虽然目前东西还不是很全，但是基本的也都够用了，希望EasyUI今后会越来越好吧！由于现在工作过于繁忙所以本次API更新延后了快2周，抱歉了！老规矩，介绍一下本次更新内容吧！官方给的更新内容写的不全，我已经全部补全了。包括更新内容中写到的新增API，但是在API文档中没有给出的，在我的API当中全部都有（比官方网站上的还要全 :P） jQuery EasyUI 1.4.2版本更新内容： Bug（修复） treegrid：修复重建treegrid之后列会恢复原始大小的问题。 Improvement（改进） draggable：添加“delay”属性，允许用户延迟拖动操作； tree：添加“filter”属性和“doFilter”方法； tabs：“add”方法允许用户在指定的索引位上插入选项卡面板； tabs：用户可以决定哪些选项卡面板可以被选择； tabs：添加“justified”，“narrow”和“pill”属性； layout：添加“unsplit”和“split”方法； messager：支持键盘导航功能； form：添加“onChange”事件； combobox：添加“queryParams”属性； slider：添加“range”属性； menu：添加“itemHeight”，“inline”，“noline”和“align”属性； panel：添加“header”属性，允许用户自定义面板标题栏； menubutton：添加“hasDownArrow”属性。 New Plugin（新组件） datalist：该组件是展示列表数据的组件，用户可以对列表数据进行分组、单选、多选等各种操作； navpanel：该组件是移动端框架的根组件； mobile：filebox 该组件提供了移动页面堆栈管理和导航。

简介： 1、多级目录，每个目录下面可以有更深一级目录，并列出属于该目录的网站管理：选择分类管理，添加需要的分类，或者选择下一级目录，同时可以选择删除（删）修改（修）制作（制）某一个目录 2、静态页面，所有目录页面均使用程序生成了html页，不用读取数据库，大大节省了服务器资源管理：选择制作下属页面，系统会列出搜索的类别，请选择需要生成的类别 3、目录模版，在数据库中存放了大量的页面模版，每一个目录都可以订制自己的网面管理：选择模板管理，系统会列出目前已经存在的模板，你可以修改，添加，删除，添加时请按照示例进行制作，建议先将数据库备份再修改 4、即时登陆网站，站长可以随时登陆自己的网站，但是登陆以后只能在他选定的目录所显示的页面中的“更多”网站页面中显示出来，只有在管理员审查并生成页面以后才能直接在目录页面看到 5、模糊查找， 6、布尔查找，支持and(*) or(|) not(-)等布尔表达式例如：烟台*一百-新闻或者：烟台 and 一百 not 新闻如果只需要and连接，可以只输入烟台一百，这与烟台*一百、烟台 and 一百效果等同搜索结果将会把相关关键词以特殊的颜色显示出来 7、常用关键词页面自动生成，用户输入查找的关键词都保存在数据库中，如果有相同的关键词则这些关键词数量累加，管理员管理的时候可以生成排名在头几位的关键词页面，也就是提前替用户把这些关键词提前搜索出来了，并且生成了静态的html页面，用户在搜索这些关键词时，就可以直接显示这些已经生成的页面，避免了大量的查询数据库，节省了服务器资源管理：选择关键词管理，系统会列出数据库中已经存在的可以生成的关键词，以及网友在使用这个搜索引擎时用的关键字（只选取排名头100个），管理员可以随意生成需要的关键词页面 8、网站顺序，在某个目录下的网站数目很多的时候，排在上面的网站被访问的几率比排在下面的网站几率要大得多，因此我又增加排名功能，管理员可以设定某个网站在该目录下的排名 9、单目录搜索，当用户在某个目录浏览的时候，可以选择在该目录下搜索和搜索全部目录，选择在该目录下搜索可以只搜索属于该目录以及该目录的子目录下的网站 10、静态页面在线生成，在管理界面可以在线生成所有目录下的页面以及关键词页面 11、二次搜索功能，当用户在搜索某个关键词以后，系统列出了〉20个结果以后，就会出现二次搜索界面，用户可以选择在这些结果中再次搜索，比如要求结果必须不包含某个关键词或者必须再包含某个关键词 12、模版的在线修改，不同的页面模版有不同的规则 14、所有目录在线动态修改，自动更新以前的页面 15、动态生成网站首页（需要模版支持） 16、分类参照：指一个分类类目名分在一个上级类目下，而在另一个类目下作参照。以@作后缀的类目名。

（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取最新的EasyUI资源专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址我花那么多精力制作出来的你们鼠标点两下就给我转走了还不注明出处实在是不厚道本来就是本着分享精神的为的就是聚集一点人气和提供一个优良的环境来一起学习进步的请不要抹杀掉我的热情谢谢）　　时隔4个月之久 EasyUI终于迎来大版本更新了本次更新内容诸多除了常规维护外还新增了3个新组件都很实用详细的可以阅读更新说明里面给了详细的解读另外从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中并且会对这些插件做一些简单的Demo实现存放到配套提供的程序包demo文件夹下以便大家学习和使用本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了这些扩展的demo在附带的程序包中已经提供可以用于参考使用 jQuery EasyUI 1 4版本更新内容： Bug（修复） menu：修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题； datagrid：修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement（改进） EasyUI的所有组件已经支持非固定百分比大小的尺寸设置； menu：添加“showItem” “hideItem”和“resize”方法； menu：基于窗体大小自动调整高度； menu：添加“duration”属性该属性允许用户自定义隐藏菜单动画的持续时间以毫秒为单位； validatebox：添加“onBeforeValidate”和“onValidate”事件； combo：从该版本开始combo组件扩展自textbox组件（textbox是1 4中新增的组件）； combo：添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性； searchbox：从该版本开始searchbox组件扩展自textbox组件（textbox是1 4中新增的组件）； tree：添加“getRoot”方法用于返回通过“nodeEl”参数指定的节点的顶部父节点元素注意：官网的英文API中该函数的说明有误其说明是none 无参数实际这里是需要参数的； tree：添加“queryParams”属性； datetimebox：添加“spinnerWidth”属性； panel：添加“doLayout”方法用于控制面板内组件的大小； panel：添加“clear”方法用于清除面板内的内容； datagrid：允许用户设置百分比宽度的列（该功能真是千呼万唤始出来啊）； form：添加“ajax” “novalidate”和“queryParams”属性； linkbutton：添加“resize”方法 New Plugin（新组件） textbox：该组件是一个增强的输入字段它可以让用户非常简单的构建一个表单； datetimespinner：该组件是一个日期和时间的微调组件它允许我们选择一个特定的日期或时间； filebox：filebox 该组件表单元素中用于上传文件的文件框工具组件 ">（题外话：从本次开始我新增了jQuery EasyUI的专题页面大家可以关注我的专题页来及时获取

前言js可以向网页中写入html内容，方法是调用write方法向document的节点中写入html元素以下展示两个实例实例1.在网页上写入一个标题为hello的元素document.write(" hello ")效果如图：2.在网页上写入一个九九乘法表document.write("")for(var i=1;i<=9; i++){document.write("")for(var j=...

需求描述：用户在页面上点击按钮,可以把文本框中的数据在表格的新的一行中显示，具体表现如下图：如果如果输入框内容有一项为空，弹出对话框‘请将数据填入完全步骤：1.按钮注册单击事件2.获取并判断文本框的内容4.创建行并添加到tbody中5.创建列，并设置内容6.把列添加到行中代码：1 2 3 4 5 在网页中添加表格6 7 * {8 ma...

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章