用easyui在html中有两个panel 我想修改其中一个panel的title的css样式,不对别的panel的title有影响。

用easyui在html中有两个panel 我想修改其中一个panel的title的css样式,不对别的panel的title有影响。,第1张

你可以自定义一个css样式 例如:

.myPanelHead {

xx: xx

}

然后 panel的data-options里加上:headerCls:'myPanelHead'即可

注意该样式是加在head上的,你可以直接在head加样式。

如果非要加载title上,可以再加一个css样式

.myPanelHead .panel-title {

xx: xx

}

即可

jquery easyui在我的jsp页面中使用,需要引入那些c及引用的路径:

<%@ 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">

<link rel="stylesheet" type="text/css" href="css/easyui.css">

<link rel="stylesheet" type="text/css" href="css/icon.css">

<link rel="stylesheet" type="text/css" href="css/test1.css">

<script type="text/javascript" src="js/jquery/jquery-1.11.3.js"></script> 

<script type="text/javascript" src="js/jquery/jquery.easyui.min.js"></script>

<title>测试 JQuery</title> 

</head>

<body>

<div class="AAA">show it.</div> 

</body>

<script type="text/javascript">

$(function(){

alert("OK,JQuery is run.")

})

</script>

</html>.

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。

jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。

jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11617565.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存