表格加载后默认选中第一行，并可键盘导航

最新推荐文章于 2024-03-04 14:11:29 发布
最新推荐文章于 2024-03-04 14:11:29 发布
阅读量82 收藏
点赞数
原文链接：http://www.cnblogs.com/meetrice/archive/2010/08/14/1799572.html
版权

 

 

 

 

ContractedBlock.gif ExpandedBlockStart.gif 代码 
 
   
 
      
    this 
    .getStore().on({ 
    ' 
    load 
    ' 
    :  
    function 
    (){
 
    this 
    .getSelectionModel().selectFirstRow();
 
    var 
     row  
    = 
      
    this 
    .getView().getRow( 
    0 
    ); 
 Ext.get(row).focus(); 
 
    this 
    .fireEvent( 
    " 
    rowclick 
    " 
    , 
    null 
    );
 },scope: 
    this 
    }); 
   
 
  
 
 
 
 
 
 
 
 
 
 
 选中本行后，触发行点击事件。
 
 
 
 
 
 
  
 
  
 
   this 
   .getSelectionModel().on({ 
   ' 
   rowselect 
   ' 
   : 
   function 
   (){ 
   this 
   .fireEvent( 
   " 
   rowclick 
   " 
   , 
   null 
   );},scope: 
   this 
   }); 
  
 
 
 
 
 
 

 

转载于:https://www.cnblogs.com/meetrice/archive/2010/08/14/1799572.html

                

        

        




    

  


    

      

        

            

              
                
                  weixin_30341745
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
【Python】自动化神器PyAutoGUI —告别手动操作，一键模拟鼠标键盘，玩转微信及各种软件自动化

				
			

			

				

					墩墩分墩
				

				

					07-24
					
					1567
					
				

			

		

		

			
				
PyAutoGUI 是一个 Python 库，主要用于 GUI（图形用户界面）自动化。它允许你通过编程方式控制鼠标和键盘，模拟人类操作，如移动鼠标、点击鼠标按钮、滚动鼠标滚轮、键入键盘按键等。这使得 PyAutoGUI 成为自动化重复性 GUI 任务的强大工具，比如自动化测试、批量处理文件、游戏脚本编写等场景。

			
		

	



                

              
                



	

		

			

				
					
android 方向键控制,Android中控制软键盘的方法总结

				
			

			

				

					weixin_39890431的博客
				

				

					05-26
					
					469
					
				

			

		

		

			
				
Android开发中，对键盘的控制是家常便饭。我们一般通过两种方式控制键盘的行为，一种是在Activity中配置相关属性，另一种是直接调用系统提供的方法。AndroidManifest中配置AndroidManifest文件的Activity中有一个名为android:windowSoftInputMode的属性，通过配置该属性可以实现对软键盘行为的一些控制。这个属性有有以下可配置的值stateU...

			
		

	



                


  
              

                


	

		

			

				
					
默认选中 table1的第一行cell

				
			

			

				

					a804609572的专栏
				

				

					06-19
					
					875
					
				

			

		

		

			
				
NSIndexPath *indexPath = [NSIndexPath
indexPathForRow:0
inSection:0];
  if ([weakSelf.table1.delegate
respondsToSelector:@selector(tableView:didSelectRowAtIndexPath:)]) {
           [weakSelf.tab

			
		

	





	

		

			

				
					
html语言下拉选项默认值,javascript – 在html下拉列表中选择默认值

				
			

			

				

					weixin_33978578的博客
				

				

					06-01
					
					212
					
				

			

		

		

			
				
我目前希望在我的表单中有一个下拉列表.我有这个下拉列表,它选择默认值：Price Band:Reduce by 30cReduce by 25cReduce by 20cReduce by 15cReduce by 10cReduce by 5cdefault哪个工作正常,并选择默认值作为默认值.但我还需要做的是 – 在提交表单后,我希望它将最后选择的值保留为默认值.它是一个用于添加不同价格区间销...

			
		

	



		

			
		



	

		

			

				
					
luckysheet的使用

				
			

			

				

					weixin_51780751的博客
				

				

					03-04
					
					4079
					
				

			

		

		

			
				
注意：如果官网没有给出你想要的例子，你可以在excel中先在表格中做出你想要的样子，然后利用保存luckysheet.getAllSheets()[表单索引]去获取此excel的配置和数据，这样就可以把获取到你想要的配置以及可以在初始化中根据你获取的配置一一赋值即可。先在页面写一个容器，这个容器的id名需要跟luckysheet所需要的option的container完全一致。注意：luckysheet与layui的样式会冲突，所以引入一定要放在项目的最前面。fa表示格式名称为自动格式。

			
		

	





	

		

			

				
					
layui表格默认点击第一行

				
			

			

				

					经验分享
				

				

					09-03
					
					3248
					
				

			

		

		

			
				
为了实现联动效果，汇总列表点击一行，详情列表则显示清单列表。每次打开页面，默认选中第一行。

注意：在汇总表格加载完成后的done函数里实现,


done: function (res, curr, count) {
            //表格加载完成后，默认选中第一行
            $('.layui-table-view[lay-id="governmentCustomerTable"]').children('.layui-table-box').children('.layui-t

			
		

	





	

		

			

				
					
umy-ui 表格键盘导航

				
			

			

				

					黑夜无风的博客
				

				

					10-26
					
					626
					
				

			

		

		

			
				
编辑表格无需鼠标，直接键盘操作就可以，很方便
设置 mouse-config={selected: true} 启用单元格选中功能（只能用于 edit-config={mode: ‘cell’ } 有效）
设置 keyboard-config={isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true} 启用按键功能及任意键编辑功能，方向键、回车键、Tab 键、Esc 键、F2 键、Del、Back 键
通过事件edit-cur

			
		

	





	

		

			

				
					
Excel表格操作指南：从基础到进阶

				
			

			

				

					
				

			

		

		

			
				
5. 选择整个单元格范围：单击列标题（如A列）选择整列，单击行号（如第1行）选择整行，或按Ctrl + A键选择全部。  6. 快速移动/复制单元格：拖动单元格的边框可移动，拖动时按住Ctrl可复制。  7. 快速修改单元格式...

			
		

	





	

		

			

				
					
r语言用行名称提取数据框信息显示na_学会这些R语言技巧至少可以节省半年时间...

				
			

			

				

					weixin_36072709的博客
				

				

					01-17
					
					3467
					
				

			

		

		

			
				
ubuntu备忘定期清空回收站扩增子数据牢记r ubuntu 相关技巧和备忘待解决问题1：phyloseq有一篇文章案例使用输入和输出文件相同的文件名，无法执行待解决问题2：待解决问题3：样品分组文件太长了，导致提取出来数据存在NA值错误牢记：for循环错误一定要检查这个地方错误牢记：正确提取行名修改注释文件的门类标签为标准格式phyloseq格式的文件导出为txt合并phyloseq：默认去除为...

			
		

	





	

		

			

				
					
layui根据条件显示列_layui table 根据条件改变更换表格颜色 高亮显示 数据筛选...

				
			

			

				

					weixin_39559895的博客
				

				

					12-29
					
					1544
					
				

			

		

		

			
				
请问想让当layui表格的某个字段符合某个条件的时候，让该行变颜色。这样可以实现么。layui数据表格怎么更换表格颜色layui表格 通过判断某一行中的某一列的值进行设置这一行的颜色LayUI之table数据表格获取行、行高亮等相关操作能够根据相关条件进行数据筛选、进行高亮显示对符合条件的行进行高亮显示, done: function (res, curr, count) {// 表格渲染完成之后...

			
		

	





	

		

			

				
					
vue element表格默认选中表格第一行

				
			

			

				

					fengxiaopeng74的博客
				

				

					05-17
					
					5124
					
				

			

		

		

			
				
获取数据后添加下面得代码


this.$nextTick(()=>{
this.$refs.myTable.setCurrentRow(this.baseDataList[0])
})




			
		

	





	

		

			

				
					
Datalist里使用Button如何选取某一行，怎么取某一列的Text

				
			

			

				

					qq_42822993的博客
				

				

					11-12
					
					1204
					
				

			

		

		

			
				
环境：vs2019 里的Net.asp开发
情况1
：我做的是考试系统里面的一个考试发布界面
用的是Datalist
预期结果
：点击第1行的发布就读取第一行的试卷编号，然后发布。点击第2行的发布就读取第2行的试卷编号，然后发布。
实际结果
：点击发布是没反应的，原因是onclick在Datalist的情景下无法判断是哪一行的button（你写代码的时候只写了一个button）
解决方法
：
这时候我们在.ASP文件里，给Datalist加一个OnItemCommand=“DataList1_ItemCom

			
		

	





	

		

			

				
					
js初始化选择第一个radio和第一行表格选中问题

				
			

			

				

					qq_23834457的博客
				

				

					08-13
					
					1219
					
				

			

		

		

			
				
暂不清楚为什么初始化加载的时候回选择所有表格和radio选中最后一个，故延时0.2秒达成效果
$(document).ready(function(){
 setTimeout(function () {
 $("input[type='radio']").eq(0).prop("checked",true);
 // $("#").attr("checked",...

			
		

	





	

		

			

				
					
【51 单片机】4 位密码锁（断电保存）

					
最新发布

				
			

			

				

					10-18
				

			

		

		

			
				
【51 单片机】4 位密码锁（断电保存）

			
		

	





	

		

			

				
					
bootstraptable table 加载完默认选中第一行的radio

				
			

			

				

					09-01
				

			

		

		

			
				
要实现Bootstrap Table加载完毕后默认选中第一行的radio，可以通过以下步骤实现：

1. 首先，在HTML中添加一个名为"table"的表格，其中包含一个包裹radio的列，例如：
```html
<table id="table">
  <thead>
    <tr>
      <th data-radio="true"></th>
      <th data-field="id">ID</th>
      <th data-field="name">姓名</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>1</td>
      <td>张三</td>
    </tr>
    <tr>
      <td></td>
      <td>2</td>
      <td>李四</td>
    </tr>
    ...
  </tbody>
</table>
```

2. 接下来，使用JavaScript代码在表格加载完毕后默认选中第一行的radio。可以通过扩展Bootstrap Table的onLoadSuccess事件来实现，并利用jQuery操作DOM元素实现选中操作。示例代码如下：
```javascript
$(function() {
  $('#table').bootstrapTable({
    onLoadSuccess: function() {
      $("input[type='radio']:first", $('#table')).prop("checked", true);
    }
  });
});
```
以上代码中的`onLoadSuccess`事件在Bootstrap Table加载完毕后触发，并通过`$("input[type='radio']:first", $('#table'))`选择器选中第一个radio，再使用`prop("checked", true)`方法将它选中。

这样，当Bootstrap Table加载完毕后，第一行的radio会自动被选中。希望这个回答对你有所帮助！

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值