miniUI点击行，设置与取消背景色

最新推荐文章于 2023-07-15 10:31:09 发布
最新推荐文章于 2023-07-15 10:31:09 发布
阅读量2.5k 收藏 2
点赞数 1
文章标签： miniUI 行背景色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39920244/article/details/80608992
版权
本文介绍如何在miniUI中处理行点击事件，实现点击行时设置背景色，并在点击新行时取消上一行的背景色。重点在于保存上一次选中行的状态并更新样式。
摘要由CSDN通过智能技术生成 

 

<style>
 

.test{
  

      
background-color: 

                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  qq_39920244
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
 DataGrid单元格移动变色,点击变色,双击取消颜色,排序. 

				
			

			

				

					.NET博文收藏
				

				

					03-11
					
					554
					
				

			

		

		

			
				
		                                    实现:1.当鼠标移动到DataGrid的单元格时,单元格变色,并且单元格里的字体同时变色,鼠标变为手的形状.鼠标移出单元格,恢复原样.2.当鼠标点击DataGrid的单元格时,单元格变色,单元格上的显示字体变色;当点击另一个单元格时,前一个单元格以及字体颜色恢复原样,此时的单元格变色,字体变色.3.当双击DataGrid上

			
		

	



                

              
                



	

		

			

				
					
设置datagrid行背景色示例

				
			

			

				

					03-19
				

			

		

		

			
				
datagrid设行背景色示例，提供了继承好的datagrid子类，

			
		

	



                


  
              

                


	

		

			

				
					
MiniUI grid改变行背景颜色

				
			

			

				

					weixin_40805079的博客
				

				

					01-16
					
					4133
					
				

			

		

		

			
				
在使用miniUI开发中，时常会遇到需要改变gird的符合条件的某一行的颜色，下面就说两种方法：
一：
使用renderer=”theRenderer” 渲染的方式，也是最简单的一种方式
在gird的某一列上加上这个renderer="theRenderer"
然后在你的js中写上theRenderer()方法


function changeColor(e){
    if(e.row.con...

			
		

	





	

		

			

				
					
miniUI改变行的背景色，设置行的颜色

				
			

			

				

					景川的博客
				

				

					10-26
					
					9368
					
				

			

		

		

			
				
在使用miniUI开发中，时常会遇到需要改变gird的符合条件的某一行的颜色，下面就说两种方法： 
一： 
使用renderer=”theRenderer”    渲染的方式，也是最简单的一种方式 
在gird的某一列上加上这个renderer="theRenderer" 
然后在你的js中写上theRenderer()方法function changeColor(e){
    if(e.row.

			
		

	



		

			
		



	

		

			

				
					
web table + div + jquery 实现仿 excel 的冻结 首行 与 首列 完整Demo

				
			

			

				

					06-27
				

			

		

		

			
				
实用 table + div + Jquery 实现，没有实用IE特有的expression(),
所以 兼容性 很好。

核心思想： 用JQuery的clone 复制 出 4张表， 分别放于 4 个 div 中来实现 水平 垂直 滚动， 首行 首列 冻结效果。

			
		

	





	

		

			

				
					
怎样取miniui-datagrid某行某列的值和设置行颜色

				
			

			

				

					Smile yourlife
				

				

					05-20
					
					7085
					
				

			

		

		

			
				
根据行和列来更新单元格数据
grid.updateRow(row,{field:value})
根据行来添加行样式
grid.addRowCls(row,cls)
例子：
取第九行第九列的值:
var row=grid.getRow(8)
var column=grid.getColumn(8)
row[column.field]
详情请点击：http://miniui.com/forum/for...

			
		

	





	

		

			

				
					
miniui自定义修改列表样式和值

					
最新发布

				
			

			

				

					weixin_50638065的博客
				

				

					07-15
					
					700
					
				

			

		

		

			
				
miniui自定义修改列表样式和值。

			
		

	





	

		

			

				
					
miniui常用界面设置

				
			

			

				

					10-20
				

			

		

		

			
				
这通常涉及到对控件属性的修改，例如边框颜色、填充色、文字颜色等，以及响应用户的点击事件。通过对这些状态的精确控制，可以提升界面的交互性和用户体验。  2. **MiniGUI定时器**：定时器是GUI应用中常见的一种...

			
		

	





	

		

			

				
					
nui或者miniui中gird合并重复行数据，查找某行

				
			

			

				

					08-02
				

			

		

		

			
				
在本篇文章中，我们将深入探讨如何在NUI或MiniUI框架中的Datagrid组件实现合并重复行数据，并且介绍如何在这些合并后的数据中查找特定行的功能。本文将分为几个部分来详细阐述：首先，理解Datagrid的基本概念及其在...

			
		

	





	

		

			

				
					
miniui设置属性值_MiniUI全局方法和表格属性

				
			

			

				

					weixin_42377695的博客
				

				

					01-27
					
					4864
					
				

			

		

		

			
				
mini全局方法mini.parse()        //将html标签解析为miniui控件。解析后，才能使用mini.get获取到控件对象。mini.layout()        //布局调整控件达到合适尺寸。mini.get(id)        //根据id获取控件对象mini.getByUid(uid)        //根据uid获取控件对象mini.getByName(name)...

			
		

	





	

		

			

				
					
miniGUI 之配置控件字体和颜色

				
			

			

				

					打不死的小五
				

				

					04-25
					
					1466
					
				

			

		

		

			
				
miniGUI 之配置控件字体和颜色， 以静态框为例

			
		

	





	

		

			

				
					
MiniUI数据详情（showRowDetail）语法要点

				
			

			

				

					weixin_42689765的博客
				

				

					09-26
					
					425
					
				

			

		

		

			
				
参考链接


			
		

	





	

		

			

				
					
miniui dataGrid detail grid

				
			

			

				

					weixin_30500663的博客
				

				

					03-23
					
					495
					
				

			

		

		

			
				
<div >  <div id="vkhGrjx_grid" class="mini-datagrid" style="width:100%;height:100%;" allowResize="true"  url="<%=basePath%>sso/vkhGrjx/findByMyCondition" idField="id" ...

			
		

	





	

		

			

				
					
MiniUI 快速上手

					
热门推荐

				
			

			

				

					github_34889651的博客
				

				

					05-05
					
					1万+
					
				

			

		

		

			
				
1. 下载安装
下载地址 安装 
 
在使用过程中也只需要在页面中引用jquery.js、boot.js，如下所示
<head>
    <title>Hello MiniUI!</title>
    <script src="scripts/jquery-1.6.2.min.js"type="text/javascript"></script>
    <script src="scripts/

			
		

	





	

		

			

				
					
前端-css

				
			

			

				

					huiguo_的博客
				

				

					10-15
					
					282
					
				

			

		

		

			
				
CSS就是可以理解为一个美工，用来美化HTML的，从零开始学习CSS

			
		

	





	

		

			

				
					
主窗口及控件背景颜色信息设置

				
			

			

				

					SamWang_的专栏
				

				

					04-05
					
					942
					
				

			

		

		

			
				
CDC* pDC = GetDlgItem(IDC_BORDER3)->GetDC();  
	ShowJpgGif(pDC,"aa.jpg",0,0); 
	CPaintDC dc(this);
	CPen pen1,pen2;
 
	CFont hFont;
	
	CBrush hBrush1,hBrush2,hBrush3;
	hBrush1.CreateSolidBrush(RGB(255

			
		

	





	

		

			

				
					
jQuery MiniUI 开发教程 表格控件 表格：详细行（九）

				
			

			

				

					iteye_4698的博客
				

				

					11-12
					
					768
					
				

			

		

		

			
				
[b]详细行[/b]
[img]http://www.miniui.com/docs/api/images/rowdetail.gif[/img]

[b]参考示例[/b]：[url=http://www.miniui.com/demo/datagrid/rowdetail.html]详细行[/url]

表格的"showRowDetail"方法可以为一个普通表格行增加了一个详细行。
...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值