datagrid中需要填写长文本,扩展的textarea

$.extend($.fn.datagrid.defaults.editors, {
textarea: {//textarea就是你要自定义editor的名称
    init: function(container, options){
        var me = this;
        var cur = $(‘<input id="inputID"/>‘);

        $(‘<div id="win"><textarea rows="9" cols="43" id="textareaID" class="datagrid-editable-input"></textarea></div>‘).appendTo($("body"));
        var editor = cur.appendTo(container);
        $(cur).focus(function (){
            if(!textareaWin){

                $("#textareaID").val($("#inputID").val());

                textareaWin = $(‘#win‘).dialog({
                    title:‘My Windows‘,
                    width:350,
                    height:220,
                    closable:false,
                    resizable:false,
                    closed: false,
                    collapsible:false,
                    maximizable:false,
                    minimizable:false,
                    modal:true,
                    buttons:[{
                        text:‘保存‘,
                        iconCls:‘icon-add‘,
                        handler:function(){
                            var textVal = $("#textareaID").val();

                            $("#inputID").val(textVal);

                            textareaWin.window(‘close‘);
                            textareaWin = undefined;
                        }
                    },{
                        iconCls:‘icon-reject‘,
                        text:‘取消‘,
                        handler:function(){
                            $.messager.confirm(‘【提示信息】‘, ‘是否确认退出编辑?‘,function(r){
                                if (r){
                                    textareaWin.window(‘close‘);
                                    textareaWin = undefined;
                                }
                            });                     

                        }
                    }]
                });

                $("#textareaID").focus();
            }
        });
        console.log("init method invoke!");
        editor.enableEdit = false;
        return editor;
    },
    getValue: function(target){
        return $(target).val();
   },
    setValue: function(target, value){
        $(target).val(value);
    },
    resize: function(target, width){
        console.log("resize method invoke!");
    },
    destroy: function(target){
        console.log("destroy method invoke!");
        textareaWin = undefined;
    }
}
});

引用地址:http://www.oschina.net/code/snippet_571282_34699

时间: 2024-10-17 10:29:31

datagrid中需要填写长文本,扩展的textarea的相关文章

ABAP程序中关于长文本的处理方法

现象描述 长文本在SAP的运用主要体现在一些notes的记录,或者一些比较长的文本的存取,比如工作流的审批意见,采购申请和采购订单的附加说明等等.如下图: 处理过程 1:SAP中所有的长文本都存在两张表中: STXH 长文本的抬头信息 STXL 长文本的明细信息 但是长文本在使用前,需要先进行配置,如果不配置是不可能往表STXH和STXL中写入文本值的.配置在视图V_TTXIDI和视图V_TTXOBI中进行. SE16维护视图V_TTXOBI SE16维护视图V_TTXIDI 2:在上图中,找到

OAF 中对文字实现html效果及对超级长文本实现默认换行

今天遇到一个需求,客户注册页面客户化了一个超级长的注册须知,内容很多.但是样式相对又要做起来好看点. 注册须知的内容使用多个message拼接而成. 老大说rawText支持html样式,于是我想到了三种解决方案: 1.在messageCompaonentLayout里面放messageTextInput,再将其disabled掉,messageCompaonentLayout设置宽度为80%. 2.在messageCompaonentLayout里面放messageStyledText,mes

WPF中查找控件的扩展类

在wpf中查找控件要用到VisualTreeHelper类,但这个类并没有按照名字查找控件的方法,于是搜索网络,整理出下面这个类,感觉用起来很是方便. 贴出来,供大家参考. /// <summary> /// WPF/Silverlight 查找控件扩展方法 /// </summary> public static class VisualHelperTreeExtension { /// <summary> /// 根据控件名称,查找父控件 /// elementNa

[代码]读取物料BOM行项目长文本[READ_TEXT]

1, READ_TEXT参数填写 可以通过函数READ_TEXT读取物料BOM行项目和抬头上的长文本.本文着重介绍如何读取物料BOM行项目上的长文本. SE37: &lt;img class="alignnone size-full wp-image-4901" src="http://www.baidusap.com/wp-content/uploads/2017-07-04_15-56-50.png" width="727" heig

easyui datagrid中datetime字段的显示和增删改查问题

datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'BeginTime', width: 300, editor: { type: 'datetimebox', options: { required: true }, formatter: function

&lt;blockquote&gt;标签,长文本引用

<blockquote>的作用也是引用别人的文本.但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签. 等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签. 如想在我的文章中引用李白<关山月>中的诗句,因为引用文本比较长,所以使用<blockquote>. 语法: <blockquote>引用文本</blockquote>

label.lineBreakMode设置lable中文字过长时的显示格式,其中可以有末尾以省略号显示。

iOS4.0版本: label.lineBreakMode = NSLineBreakByCharWrapping;以字符为显示单位显示,后面部分省略不显示. label.lineBreakMode = NSLineBreakByClipping;剪切与文本宽度相同的内容长度,后半部分被删除. label.lineBreakMode = NSLineBreakByTruncatingHead;前面部分文字以……方式省略,显示尾部文字内容. label.lineBreakMode = NSLine

2016.4.26_longtext长文本【ABAP】

写了一个alv,其中一个字段是长文本,点进去这个字段是长文本界面,输入长文本后保存可将输入内容保存在数据库表中. 用来保存长文本的自建表结构: 数据: 选择屏幕(数据都是随便找的): alv界面(屏幕9000): 点击longtext图标进入的长文本界面(屏幕9001): 主程序代码: REPORT YLONGTEXT NO STANDARD PAGE HEADING. ***************************************************************

easyUi 表格 datagrid 中字段超链接设置参数

datagrid中设置field链接   链接中通常传递的是int类型的ID字段,但是有时难免传递文本之类的参数 那可以添加 如下 : field: 'batchImg', title: '质检报告', width: 60,                        formatter: function (value, row, index) {                            //商品ID