ExtJs 中自定义checkbox ,单选，全选，反选

最新推荐文章于 2023-06-17 22:44:27 发布

Richard-Lui

最新推荐文章于 2023-06-17 22:44:27 发布

阅读量2.4k

点赞数 1

分类专栏： Java

本文链接：https://blog.csdn.net/zhifeiyu2008/article/details/8302832

版权

Java 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to come here</title>
<link rel="stylesheet" type="text/css" href="ext-all.css"/>
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script>

function showUrl(value)
{
   return '<a href="#" >'+value+'</a>';
}

function g()
{
   alert('Hello world');
   return false;
}


Ext.onReady(function() {
   //Ext.get("allcheckbox").on("onclick",g);
   //Ext.get("btnAlert").addListener("click" ,b,this,{delay:2000});

   //var sm = new Ext.grid.CheckboxSelectionModel();
   var data=[ [1, 'EasyJWeb', 'EasyJF','www.easyjf.com'],
               [2, 'jfox', 'huihoo','www.huihoo.org'],
               [3, 'jdon', 'jdon','www.jdon.com'],
               [4, 'springside', 'springside','www.springside.org.cn'] ];

   var store=new Ext.data.SimpleStore({data:data,fields:["id","name","organization","homepage"]});

   function changeCheck(value,cellmeta,record,rowIndex,columnIndex,store){
           return '<input name="oneCheck" style="height: 12px; width:12px" type="checkbox" οnclick="oneCheck(this)" id='+record.get("name")+' />';
   }

   oneCheck=function (obj)
   {
       alert(obj.id);
   }

   selectAll=function (obj)
   {
       var cArray=document.getElementsByName("oneCheck");

              //alert(cArray[i].checked+'===='+i);
           // if(cArray[i].checked=="false")
               // {
               // cArray[i].checked="true";
               // }
           alert(obj.checked);
              if(obj.checked==true)
           {

               for(var i = 0;i<cArray.length;i++)
               {
                  //alert('1111111');
                  cArray[i].checked=true;
               }

           }
           else
              { for(var i = 0;i<cArray.length;i++)
                  {
                    //alert('22222');
                   cArray[i].checked=false;
                  }

              }
       //var cVal=obj.name;
       //alert(cVal);
       //alert('Hello world');

   }


   var grid = new Ext.grid.GridPanel({
   renderTo:"hello",
   title:"中国Java开源产品及团队",
   height:150,
   width:600,
   columns:[{
   header:'<input id="allcheckbox" name="checkAll" style="height: 12px; width:12px" type="checkbox" οnclick="selectAll(this)" />', width:25,renderer:changeCheck},
   {header:"项目名称",dataIndex:"name"},
   {header:"开发团队",dataIndex:"organization"},
   {header:"网址",dataIndex:"homepage",renderer:showUrl}],
   store:store


});

});
</script>
</head>
<body>
<h3>Welcome</h3>
<div id="hello"></div>
</body>
</html>

Richard-Lui

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ExtJs 中自定义checkbox ,单选，全选，反选

pageEncoding="UTF-8"%>Welcome to come herefunction showUrl(value){ return ''+value+'';}function g(){ alert('Hello world'); return false;}
复制链接

扫一扫

专栏目录