0

无论屏幕大小如何，我都试图让 cfgrid 的高度和宽度适合页面。 

 <cfform>
  <!-- I have tried: But it can not have percentages. -->
  <cfgrid name="FLines" height="60%" width="60%" format="html" selectmode="EDIT" striperows="Yes" query="PGs" appendkey="No" hrefkey="True">
  <!-- I do not want to tell it a hardcoded way for width and height. -->
  <cfgrid name="FLines" height="600" width="600" format="html" selectmode="EDIT" striperows="Yes" query="PGs" appendkey="No" hrefkey="True">

    <cfgridcolumn name="PRID" display="No">
    <cfgridcolumn name="PROFILE" header="Profile" width="50">
    <cfgridcolumn name="DESCRIPTION" header="Description" width="200">
    <cfgridcolumn name="Qty" header="Prod Cat" width="50">
    <cfgridcolumn name="CARTONWIDTH" header="Carton Width" width="75">
    <cfgridcolumn name="Configuration" header="Config" width="50">
  </cfgrid>

有什么建议么？

4

1 回答 1

0

资料来源： CFGrid - Jules使用完整的文档宽度

这里笔者建议在您的会员区主页上，使用javascript设置cookie。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
} else var expires = "";
document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}

function readCookie(name) {
var nameEQ = escape(name) + "=";
var ca = document.cookie.split(‘;’);
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ‘ ‘) c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length, c.length));
}
return null;
}

function eraseCookie(name) {
createCookie(name, "", -1);
}

$(document).ready(function(){
createCookie("bodyWidth", $(document).width()-20, 14);
});
</script>
<cfset structDelete(session, ‘bodyWidth’) />

然后他们在OnRequestStartApplication.cfc 中使用它（如果您正在使用它，也可以在 application.cfm 中使用）

<!— GRID WIDTHS —&gt;
<cfif not isDefined("session.bodyWidth")>
<cfif isDefined("cookie.bodyWidth")>
<cfset session.bodyWidth = cookie.bodyWidth>
<cfelse>
<cfset session.bodyWidth = 1067>
</cfif>
</cfif>

您的 cfgrids 现在可以session.bodywidth用作变量。

缺点是它不会动态响应调整大小，但它确实适用于不同的分辨率。

作者使用 JQuery，但纯 JavaScript 可以做任何 JQuery 可以做的事情，看起来 JQuery 在这里的使用真的非常少，这个解决方案的大部分只是 Javascript。

于 2014-12-11T21:45:06.750 回答