<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "" "">
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:w="http://www.apusic.com/jsf/widget"
xmlns:layout="http://www.apusic.com/jsf/layout"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX">
<w:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</w:head>
<w:page title="Insert title here">
<w:dataGrid paged="true" rows="10" id="grid" var="p" height="260">
<w:outputColumn header="column1" value="条目#{p[0]}"></w:outputColumn>
<w:outputColumn header="column2" value="#{p[1]}" width="200"
clientFormatter="percentFmt"></w:outputColumn>
<w:outputColumn header="column3" value="#{p[1]}" width="200"
clientFormatter="percentFmt2"></w:outputColumn>
</w:dataGrid>
</w:page>
<script type="text/javascript">
function percentFmt(v){
return '<div style="width:'+v*200/100+'px;height:18px;background-color:#FF0000">'
+v+'%</div>';
}
function percentFmt2(v){
return '<div style="width:'+v*200/100+'px;height:18px;background-color:#FF0000">'
+'</div>';
}
</script>
</f:view>
package com.microjava.bean;
import org.operamasks.faces.annotation.DataModel;
import org.operamasks.faces.annotation.ManagedBean;
import org.operamasks.faces.annotation.ManagedBeanScope;
@ManagedBean(name = "ProgressDataGridBean", scope = ManagedBeanScope.REQUEST)
public class ProgressDataGridBean {
@DataModel(id = "grid")
public int[][] gridValues = new int[][] { { 1, 50 }, { 2, 76 }, { 3, 20 },{ 4, 100 },{ 5, 0 },{ 6, 5 },{ 7, 10 }};
}
- 大小: 7.7 KB
分享到：
相关推荐
DataGridView显示进度条 DataGridView显示进度条 DataGridView显示进度条
Before a couple of days I was working on program that allows users upload multiple files on a server. I realized it would be a nice to show progress of upload for every file individually....
在WPF的 DataGrid控件中显示图片的小例子
用于博客easyui下datagrid嵌套显示的相关easyui代码文件
DataGridView进度条 DataGridView进度条 DataGridView进度条 DataGridView进度条 DataGridView进度条
VB利用DataGrid控件显示数据库中数据信息，DataGrid在数据库数据显示的时候非常重要，它在用户操作舒适度及数据排列方面有独到之处，对于Vb数据库编程的用户来说，掌握DataGrid的使用是至关重要的事情。
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
DataGrid显示数据库查询 DataGrid显示数据库查询 DataGrid显示数据库查询
c#在DataGrid中显示GIF动画
vb 用datagrid和adodc 关联显示数据库内容
博图WinCC V16用ADODB、DataGrid控件VB脚本显示SQL Server数据
VB 使用DataGrid显示书名数据表，这个例子相当简单，主要是学习在VB编程中如何使用DataGrid数据网格控件，将数据库内容读取出来，然后绑定到DataGrid表格中显示： Adodc1.ConnectionString = "Provider=SQLOLEDB.1...
wpf datagrid 合并显示
利用C#进行文件下载，在datagridview中进行操作，并且datagridview中可以添加进度条显示下载进度
当鼠标在DataGrid上面移动时候，移到某一行，将显示某一行的详细信息。
easyUI中datagrid鼠标悬浮显示图片，博客地址：https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
DataGrid实例「自定义DataGrid-强制显示分列线(在不显示列头时)]源代码
wpf datagrid 单元格颜色 根据条件改变颜色换 根据表datatable动态显示datagrid内容
结合ashx在DataGrid中显示数据库中图片
VB增强型DataGrid数据显示插件，可实现每一行的Grid都可以设置高亮显示、为每一个单元格添加自定义控件，比如复选框、单选框、改变单元格颜色等，这样设置后，使数据的显示更加规范化和人性化，易于阅读，这个控件也...