|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
写软件都是想的时间比写的时间要长的.如果反过来了就得看看是什么原因了. 另外大家可以回去问问公司里的小MM.(一般企业里,跟你们交付软件接触得最多的是她们)datagrid|window|按钮 下文将为您演示若何将DataGrid完成为一个平面的表格,和若何完成在Image按钮中完成平面感的后果。为了完成下面的内容咱们起首要对CSS的自界说款式有所懂得,然后就是一些复杂的js代码。
为了完成平面大DataGrid咱们需求创立一个工程,外面有一个DataGrid和绑定在其上的数据,代码以下:
<asp:datagrid id="DataGrid1" runat="server" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">
<ItemStyle ></ItemStyle>
</asp:datagrid>
下面的代码中有一个中央十分主要,就是设置style的属性那边,记得必定要写成如许。有了这个数据网格今后咱们需求写一个可以完成平面后果的css款式,CSS款式以下所示:
<style>
.SolidDataGrid{
CoolSolidDataGrid:expression(ApplySolidTable(this));
border-color:#FFFFFF;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
}
.SolidDataGridItem{
CoolSolidDataGridRow:expression(ApplySolidTr(this));
}
</style>
从代码中咱们可以看到利用了自界说的款式,该款式利用js来完成的,所以咱们还要有上面的js代码来撑持下面的CSS款式。Js代码以下所示:
<script language="javascript">
function ApplySolidTable(obj){
obj.cellPadding = "0px";
obj.cellSpacing = "0px";
obj.border = "1px";
obj.width = "100%";
}
function ApplySolidTr(obj){
for(var i=0;i<=obj.cells.length-1;i++){
ApplySolidTd(obj.cells(i));
}
}
function ApplySolidTd(CurrentTd){
CurrentTd.bgColor = "#E1E2E2";
CurrentTd.borderColorLight = "#929292";
CurrentTd.borderColorDark = "#FFFFFF";
}
</script>
代码的细节我就不具体表述了,最初只需将下面的CSS使用在咱们的DataGrid外面就能够完成平面的DataGrid后果。终究的DataGrid以下所示:
<asp:datagrid id="DataGrid1" runat="server" CssClass="SolidDataGrid" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">
<ItemStyle CssClass="SolidDataGridItem"></ItemStyle>
</asp:datagrid>
接上去是若何完成有平面后果的Image按钮,其实很复杂就是完成普通Windows外面按钮的后果,翻开Word将鼠标挪动到东西条后你就能够看到该办法完成的后果。操作以下:你可以放一个ImageButton或被阅读器最初注释成image的控件,为了完成这个后果咱们需求上面的js剧本,然而因为咱们想重用这个剧本所以我将它写到一个HTC文件中,文件内容以下:
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ver" ONEVENT="ButtonOnMouseOver()" />
<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ut" ONEVENT="ButtonOnMouseNormal()" />
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="ButtonOnMouseDown()"/>
<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="ButtonOnMouseNormal()"/>
<SCRIPT LANGUAGE="javascript">
function ButtonOnMouseOver(){
showMouseOver(this.style);
}
function ButtonOnMouseDown(){
showMouseDown(this.style);
}
function ButtonOnMouseNormal(){
showNormal(this.style);
}
function showMouseOver(elStyle){
elStyle.borderLeft = "1px solid buttonhighlight";
elStyle.borderRight = "1px solid buttonshadow";
elStyle.borderTop = "1px solid buttonhighlight";
elStyle.borderBottom = "1px solid buttonshadow";
elStyle.paddingTop = "1px";
elStyle.paddingLeft = "2px";
elStyle.paddingBottom = "1px";
elStyle.paddingRight = "0px";
}
function showMouseDown(elStyle){
elStyle.borderLeft = "1px solid buttonshadow";
elStyle.borderRight = "1px solid buttonhighlight";
elStyle.borderTop = "1px solid buttonshadow";
elStyle.borderBottom = "1px solid buttonhighlight";
elStyle.paddingTop = "1px";
elStyle.paddingLeft = "2px";
elStyle.paddingBottom = "1px";
</p> Access是一种桌面数据库,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是很好的,效率也很高。但是它的同时访问客户端不能多于4个。access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器iis假死,或者消耗掉服务器的内存导致服务器崩溃。 |
|