grid style

<style type="text/css">
    .g_grid tr{
        border-left:none;
        border-right:none;
        border-top:none;
        border-bottom:1px solid #cccccc
     }
    .g_grid .grid_header{
        border-left:none;
        border-right:none;
        border-top:none;
        border-bottom:1px solid #808080
    }
    .row-highlight {
        background-color:#f7ebac;
    }
    .row-even {
        background-color:#eeeeee;

    }
    .row-odd {
        background-color:#ffffff;
    }
</style>

<script type="text/javascript">
    $(function() {
        $(".g_grid").find("tr:even").addClass("row-even");
        $(".g_grid").find("tr:odd").addClass("row-odd");
        $(".g_grid").find("tr").bind("click", function () {
            var ckb = $(this).find("input[type=‘checkbox‘][id*=‘ckbSelect‘]");
            if (ckb.is(":checked")) {
                ckb.attr(‘checked‘, false);
                $(this).removeClass("row-highlight");
            } else {
                ckb.attr(‘checked‘, true);
                $(this).addClass("row-highlight");
            }
        });
    });
</script>

时间: 2024-11-03 21:26:29

grid style的相关文章

基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobox.日期输入控件.数值输入控件.单项选择.复选框.表格控件DataGrid.树形控件.布局控件.弹出式对话框.提示信息.列表控件等,这些界面控件的操作都有哪些不同,下面我们来逐一进行介绍. <input class="easyui

(淘宝无限适配)手机端rem布局详解

一.        首先我们先来看看淘宝不同分辨率下的适配页面 可以看出来,淘宝在不同的分辨率下,页面的尺寸和模块间的间距会发生变化,这是因为淘宝采用了rem,这篇文章会简单介绍淘宝的布局思路以及具体做法,不过在此之前我们先了解一些移动端的知识,以为更好的理解淘宝布局的方案,下面我们来看一些移动端的知识 二.了解一些移动端的知识viewport的<meta>标签用法 其主要用来告诉浏览器如何规范的渲染Web页面,而你则需要告诉它视窗有多大 移动端开发中,通常我们都会采用<meta nam

UEGrids.js

最近项目需要,接触了一下angularjs, 感觉双向绑定非常的强大,于是花几个小时的时间,把项目里要实现的一个类似表格数据交换的功能写了一下,angular支持module封装,上手后使用感觉思维也很清晰.于是贴一下主要代码: 首先是页面 <uegrids grids="gridsLeft" selected="selected" width="200"></uegrids> 这个是自定义的uegrids指令,在cont

jQuery 关于ScrollableGridPlugin.js(固定表头)插件的逐步解析

以前写前台的时候需要用哪些效果从来都是有现成的东西拿来就用的,因为自己真的是有些懒,毫无探索精神,只重视结果,不追求过程. 这个ScrollableGridPlugin.js是从网上找到的一个具有固定表头效果的插件,使用起来灰常的简便,而且效果也是看着不错的.不过毕竟不是量身定做的,所以有的地方在自己的项目中还是要进行一点点小改动,因为实在是太喜欢这个插件了,所以第一次进到里面,看看原作者的思路和写法,然后才能知道如何去改成适合自己项目. 对于js我完全是一个非常业余的选手,下面根据自己的现状对

KendoUi中KendoDropDownList控件的使用——三级级联模块的实现

1. 应用需求 在权限系统开发中除了以上数据表关系的设计之外.比較麻烦的地方是级联模块在页面的展示,因为设计中最多是控制到三级,因此三级级联模块的展示.编辑等页面操作是须要解决的问题,这里採用KendoUi中的KendoDropDownList来实现,它能够轻松的实现我们想要实现的效果.基本效果图例如以下: 如上图的关系为:通用支撑子系统(一级)包括:系统管理.用户管理.日志管理(二级)子系统:系统管理子系统中又包括管理模块(三级模块). 每一级别的变动,其下属级别模块均会对应变化. 2. 代码

基于MVC+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度

在默认情况下,EasyUI的DataGrid好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预期效果,如果DataGrid能够根据窗口尺寸进行伸缩,效果应该好很多.本文主要介绍DataGrid控件实现自动适应宽带高度的操作. 首先我们需要定义一个resizeDataGrid的扩展函数,方便在页面里面进行调用,扩展函数定义如下所示. //datagrid宽度高度自动调整的函数 $.fn.exten

ExtJs之gridPanel的属性表格,编辑表格,表格分页,分组等技巧

这里藏的配置确实多.. 慢慢实践吧. <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css"

C#实现对站点、程序池状态的监控,以及URL能正常返回的监控,状态异常,邮件预警

需求:自动化组提出需要,要对IIS上的站点进行监控,异常停止后报警 需求分析:这站点的运行正常需要多方面的监控,如站点,程序池,资源,所以针对这需求做了三方面的监控. 站点状态的监控 站点对应的程序池的监控 URL的监控,监控url能返回200的状态码 数据库设计: 页面展示: 配置list页 配置Detail页 预警邮件: 核心代码: 配置页面代码 index.cshtml @model IEnumerable<Ctrip.Hotel.QA.Platform.Data.Dao.EnvRunSt

基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度

在默认情况下,EasyUI的DataGrid好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预期效果,如果DataGrid能够根据窗口尺寸进行伸缩,效果应该好很多.本文主要介绍DataGrid控件实现自动适应宽带高度的操作. 首先我们需要定义一个resizeDataGrid的扩展函数,方便在页面里面进行调用,扩展函数定义如下所示. //datagrid宽度高度自动调整的函数 $.fn.exten