Extjs的gridPanel中列点击图片调用方法

谁践踏了优雅 2022-05-14 13:53 120阅读 0赞

在Ext的gridPanel列添加了图片，实现点击图片调用某个方法

之前先定义functionshowdesc()\{\}

具体代码如下

<script type="text/javascript">
    function showdesc(rcid)
     {
    　alert(rcid);//这里可以实现点击图片的方法
    　 };
      Ext.onReady(function(){
         new Ext.grid.GridPanel({
             border:true, 
              frame:true, 
              height:200, 
              width:300, 
       store:new Ext.data.SimpleStore({ 
                  fields:["CityID","CityName","business","desc"],
                   data:[["AH","安徽","安徽事业部"],["BJ","北京","北京事业部"],["XM","厦门","厦门事业部"]]}),
         renderTo:'resultGrid',
         columns:[{
            header:'城市',
            width:80,
            dataIndex:'CityID',
            sortable: true
        },{
            header:'城市名称',
            width:80,
            dataIndex:'CityName',
            sortable: true
        },{
            header:'所属事业部',
            width:80,
            dataIndex:'business',
            sortable: true
        },{
                header:'详情查看',
                width:80,
                dataIndex:'desc',
                sortable: true,
                renderer:function(value){
                   return String.format(
    　　　　　　　　　'<input id="show" type=image src=./images/show.gif title="show" οnclick="showdesc(\'aa\')"/>'
    　　　　　　　　　　　　　　 );
    
                }
               
            }]})
      }) 
         
      </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，120人围观）

还没有评论，来说两句吧...

相关阅读

相关 Extjs之GridPanel用法详解

Extjs GridPanel 提供了非常强大数据表格功能，在GridPanel可以展示数据列表，可以对数据列表进行选择、编辑等。在之前的[Extjs MVC开发模式详解][E

Bertha 。/ 2022年08月10日 05:55/ 0 赞/ 404 阅读

相关 extjs之-gridpanel操作

var cm = new Ext.grid.ColumnModel(\[new Ext.grid.RowNumberer(), sm, \{

曾经终败给现在/ 2022年07月15日 07:53/ 0 赞/ 227 阅读

相关 Extjs的gridPanel中列点击图片调用方法

在Ext的gridPanel列添加了图片，实现点击图片调用某个方法之前先定义functionshowdesc()\{\} 具体代码如下 <script t

谁践踏了优雅/ 2022年05月14日 13:53/ 0 赞/ 121 阅读

相关 ExtJS GridPanel动态加载列

要实现动态更改GridPanel的列就必须先了解固定列是怎么弄出来的。GridPanel的列可以通过new Ext.grid.ColumnModel(columns)来创建，而

╰半夏微凉°/ 2022年03月27日 08:46/ 0 赞/ 416 阅读

相关 ExtJs gridPanel行添加操作按钮的方法

需求在gridPanel中添加操作列是非常常见的，实现如下效果 ![这里写图片描述][SouthEast] 在ExtJs中有两种添加按钮的方法：一、如第二三

ゞ浴缸里的玫瑰/ 2021年09月14日 12:18/ 0 赞/ 1035 阅读

相关 ExtJs gridPanel实现多行选取

需求在ExtJs中使用gridPanel时，实现选取多行，并且获得其中的数据效果图如下 ![这里写图片描述][SouthEast] 解决在ExtJs

怼烎@/ 2021年09月14日 12:04/ 0 赞/ 488 阅读

相关 ExtJs gridPanel添加数据

向gridPanel添加数据数据模型： Ext.define("xx.xxModel",{ extend:"Ext.data.Model", field:[ {n

忘是亡心i/ 2021年09月14日 12:04/ 0 赞/ 432 阅读

相关 ExtJs gridPanel 显示查询无数据

需求当Ext.grid.Panel中没有查询到数据时，gridPanel中默认没有提示（不是弹出框的那种），在ExtJs中gridPanel封装了viewConfig属

本是古典何须时尚/ 2021年09月14日 11:52/ 0 赞/ 426 阅读

相关 ExtJs之gridPanel实例

需求完整的extjs自定义实例（没有异步加载数据） -------------------- 效果图 ![这里写图片描述][SouthEast] -----

男娘i/ 2021年09月14日 10:16/ 0 赞/ 394 阅读

相关 ExtJs之gridPanel

需求 Extjs GridPanel 提供了非常强大数据表格功能，在GridPanel可以展示数据列表，可以对数据列表进行展示、选择、编辑等 -------------

比眉伴天荒/ 2021年09月14日 10:16/ 0 赞/ 506 阅读