FineUI grid 自动高度

FineUI Grid控件高度自适应

引言页面里使用f:Grid控件,添加分页功能,然后高度填充整个页面. 如何使用使用FineUI 控件的每个页面都有一个f:PageManager控件,它包含属性:AutoSizePanelID,设置需要填充的控件ID,从它的demo可以看出,正常情况下需要再放置一个容器Panel,就可以使整个页面填充. <f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="ResultS

iframe自动高度

FineUI Grid控件右键菜单的实现

FineUI官方Demo上一直没有Grid右键菜单的实现,其实从4.1.x的版本开始,允许添加自定义的事件监听(Listeners),所以要实现这个功能已经相当容易了. ExtJs右键菜单有很多种,对于Grid控件来说,我这里只简单说明两种实现.即在表格的数据行上右键单击时弹出的菜单,以及在空白位置右键单击时弹出的菜单. 时间有限,废话不多说了,先看两个效果图.(实现环境 FineUI4.1.6,.NET 4.0因为需要指定控件的ID) 1. 数据行右键菜单 2. 空白处右键菜单实现方法: s

FineUI Grid 缓存列显示隐藏状态

当列表字段过多时,需要隐藏掉一些,但是再次打开页面又显示出来了,FineUI没有提供缓存功能,那么自己动手,打开[ext-part2.js]找到 “if (Ext.grid.column.RowNumberer)”这里添加一个if代码如下 if(Ext.grid.header.Container){ Ext.override(Ext.grid.header.Container,{ onColumnCheckChange:function(checkItem, checked){ var head

(转载)html中div使用自动高度

为什么要使用div标签 1.更多的配置项,那就意味着更灵活,当然,难度也更高: 2.可以方便的容纳其他html标签: static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定;relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了.absolute绝对定位,直接指定top,left,right,bottom.有意

KindEditor 销毁与自动高度冲突解决

前提准备情况: KindEditor(KE) + easyUI 1.通过 EasyUI.Window 打开一个窗口,窗口中包含一个 KE编辑器:在次打开WIndow 的时候 KE会出现编辑器里面的内容不变化,所以每次关闭窗口的时候销毁一次KE,销毁方法:KindEditor.remove('textarea[name="Contents"]'); //编辑窗口 $("#UIWindow").window({ onBeforeClose: function ()

Html 之自动高度 auto 和 100%高度

HTML 高度下面示例设置为 Auto 和 100% <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&

Textarea设置自动高度

$.fn.extend({ autoHeight: function() { return this.each(function() { var $this = jQuery(this); if(!$this.attr('_initAdjustHeight')) { $this.attr('_initAdjustHeight', $this.outerHeight()); } _adjustH(this).on('input', function() { _adjustH(this); });

FineUI Grid中WindowField根据列数据决定是否Enalble

前台页面Grid控件中设置OnPreRowDataBound属性,windowFile控件设置ID protected void Grid1_PreRowDataBound(object sender, FineUI.GridPreRowEventArgs e) { InspectionLog log = e.DataItem as InspectionLog; WindowField winField = Grid1.FindColumn("winField") as Windo

jquery文字填写自动高度

下面开始写一个jquery插件 (function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null,//文本框是否自动撑高,默认:null,不自动撑高:如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度 minHeight:$(this).height() }; var opts = $.extend({},defaults,options); return $(this).each(fu

fineui grid自定义选项框带全选

为什么要写这功能? 1 当你用可编辑列的时候,是不能用选择框的,这是ext设定的. 2 如果有不允许选择行,默认的选择框是没有这个功能的. 参考: 遍历asp.net控件 http://fineui.com/demo/#/demo/grid/grid_edit_enterkey_v.aspx 复选框全选 http://fineui.com/demo/#/demo/grid/grid_checkboxfield_rowcheckall_clientside.aspx =========

textarea 自动高度

textarea 自动撑开高度 var textAreaArr = document.querySelectorAll('.textarea'); for (var i = 0; i < textAreaArr.length; i++) { autoTextarea(textAreaArr[i]); } function autoTextarea(elem, extra, maxHeight) { extra = extra || 0; var isFirefox = !!document.ge

iOS UILabel：宽度固定，自动高度显示全部文字

desclabel.width = self.view.width - (leftOffset*2); desclabel.lineBreakMode = NSLineBreakByWordWrapping; desclabel.numberOfLines = 0; [desclabel sizeToFit]; 1.规定高度 2.设置lineBreakMode 3.设置行数为0 4.执行sizeToFit 效果

iframe交互（一）父页面自动高度

//父页面源码 <body style="border:1px solid red;width:200px;height:500px;" onload="IFrameResize()"> <script> function IFrameResize() { //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getElementById

EasyUI combobox的panelHeight自动高度

在使用EasyUI的时候,有时会用到combobox组件,这里的记录数不是很固定,设置为auto可能会被挡住,设置固定高度时,option很少时,也很丑所以这里给出我自己自动调整combobox的panelHeight的方法: var orgCount = 0; //城市 $('#cityName').combobox({ method: ajaxConfig.reqMtd, url: pageConfig.json.city, width: 130, height: 32, //下拉框面板固

NGUI 使用Grid自动排列UI

1,NGUI->Create Grid 2,把需要排列的UI放到Grid下边,对Grid进行参数设置

Extjs导入Excel文件之后grid自动刷新显示刚插入的数据

var winUpload = new Ext.Window({ title: '导入excel文件', width: 400, height:200, listeners: { close: function () { store.load(); grid.getView().refresh(); } }, minWidth: 300, closeAction:'hide' , minHeight: 100, layout: 'fit', plain:true, bodyStyle:'padd

iframe根据子frame的高度自动高度

easyui combo自动高度（下拉框空白问题）

设置.combo-panel {max-height:200px;} 在用到easyui-combobox时,设置panelHeight:'auto'

angular指令系列---多行文本框自动高度

angular.module('MyApp') .directive('autoTextare', ['$timeout', function ($timeout) { return { restrict: 'A', require: '^?ngModel', link: function ($scope, iElm, iAttrs, controller) { var nowEle = angular.element(iElm[0]); $timeout(function () { nowEl

FineUI grid 自动高度

热门专题