FineUI 官方论坛

标题: 【已解决】回车跳转到下一行时，整行选中，并选中文本 [打印本页]

作者: Mr.Wu 时间: 2015-3-13 11:00
标题: 【已解决】回车跳转到下一行时，整行选中，并选中文本
在线示例：http://fineui.com/demo_pro/defau ... dit_enterkey_v.aspx
在线示例实现的效果是：占击回车时，自动跳转到下一行文本框（并且选中下一行文本框内容）。

想要的需求：
1.鼠标单击文本框时，自动选中文本框内容，这样对于修改本行内容就方便了，不用手工先去选中内容。（当然，回车到下一行时也要能选中内容）
2.回车跳转到下一行时，整行选中，并且选中下一行文本框内容。
（按道理整行选中时颜色带应该是很深的，况且也发现行首的勾践框没有勾中）

[attach]7282[/attach]

作者: sanshi 时间: 2015-3-13 17:17
更新了示例：http://fineui.com/demo_pro/defau ... grid/grid_edit.aspx

点击选中很简单，注册个 click 事件就行了。

作者: Mr.Wu 时间: 2015-3-13 17:39

sanshi 发表于 2015-3-13 17:17
更新了示例：http://fineui.com/demo_pro/default.aspx#/demo_pro/grid/grid_edit.aspx

点击选中很简单， ...

感谢老大，第一个需求实现了

不过好像第二个需求没有实现：回车跳转到下一行文本框内时，整行变成选中状态（明显的行背景颜色是深的，如下图：）[attach]7283[/attach]

作者: sanshi 时间: 2015-3-13 17:45

Mr.Wu 发表于 2015-3-13 17:39
感谢老大，第一个需求实现了
不过好像第二个需求没有实现：回车跳转到下一行文本框内时，整行变 ...

我明白你的意思，因此我又写了个例子：http://fineui.com/demo_pro/defau ... edit_selectrow.aspx

并且更进一步，通过支持 Enter 和 Tab 键遍历文本框时选中所在的行~~~~~
[attach]7284[/attach]

作者: Mr.Wu 时间: 2015-3-15 06:59

sanshi 发表于 2015-3-13 17:45
我明白你的意思，因此我又写了个例子：http://fineui.com/demo_pro/defau ... edit_selectrow.aspx

并且 ...

只想说一句话：FineUI专业版就是这么任性，只有我们想不到，没有FineUIPro做不到的！
继续支持FineUI.
谢谢老大！

作者: 幻之达 时间: 2015-3-16 08:14

sanshi 发表于 2015-3-13 17:45
我明白你的意思，因此我又写了个例子：http://fineui.com/demo_pro/defau ... edit_selectrow.aspx

并且 ...

开源版有这好好的功能吗

作者: sanshi 时间: 2015-3-16 08:50

幻之达发表于 2015-3-16 08:14
开源版有这好好的功能吗

也可以实现，只不过要对 extjs 的客户端比较熟悉

作者: Mr.Wu 时间: 2015-3-17 16:28

sanshi 发表于 2015-3-16 08:50
也可以实现，只不过要对 extjs 的客户端比较熟悉

再请教一下老大：
这个示例中，如果Grid文本框已经到了本页最后一行，如何在再次点击回车时，直接执行保存钮的功能呢？
这样就不用手工去点击保存按钮了，感觉比较方便一点。

作者: sanshi 时间: 2015-3-17 16:35

Mr.Wu 发表于 2015-3-17 16:28
再请教一下老大：
这个示例中，如果Grid文本框已经到了本页最后一行，如何在再次点击回车时，直接执行保 ...

点击按钮可以简单这么写：

F(btnClientID).el.click();

复制代码

作者: Mr.Wu 时间: 2015-3-17 16:52

sanshi 发表于 2015-3-17 16:35
点击按钮可以简单这么写：

试了一下，果然可以了。
新问题又出现了：在弹出保存成功窗体后，发现默认焦点不在弹出窗口上，得手工来点击才行，回车的话还是在Grid行内跳转。
如下图：
[attach]7290[/attach]

保存按钮代码：

protected void btnSubmit_Click(object sender, EventArgs e)
{
//计时
var sw = new Stopwatch();
sw.Start();
try
{
//保存每一行
sw.Stop();
//DB.SaveChanges();
Alert.ShowInParent(string.Format("保存成功！耗时{0:F}秒.", sw.Elapsed.TotalSeconds));
BindGrid();
return;
}
catch (Exception ex)
{
Alert.ShowInParent(string.Format("保存失败！原因：{0}", ex.Message), "错误提示", MessageBoxIcon.Error);
return;
}
}

复制代码

作者: Mr.Wu 时间: 2015-3-17 20:44

sanshi 发表于 2015-3-17 16:35
点击按钮可以简单这么写：

附上弹出窗口无法回车点击确定按钮demo
[attach]7292[/attach]

作者: Mr.Wu 时间: 2015-3-20 11:54
本帖最后由 Mr.Wu 于 2015-3-20 11:56 编辑

sanshi 发表于 2015-3-17 16:35
点击按钮可以简单这么写：

老大，再请教一个小问题：
当遍历有2列时，如何获取当前遍历列的CssClass呢？我想在一开始点击第一列时遍历第一列，点击第2列时遍历第2列。
var inputCls = $(document).hasClass('wuli1') ? 'wuli1' : 'wuli2';
上面这样这样好像不行呢

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)