oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

preparing for 2.6 yui upgrade

Browse source
This commit is contained in:
JT Smith 2008-10-22 18:36:26 +00:00
parent eea207b3ec
commit a041e93da8
1632 changed files with 0 additions and 812103 deletions
Download patch file Download diff file Expand all files Collapse all files

108
www/extras/yui/examples/datatable/dt_formatting_source.html
View file

@ -1,108 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body class="yui-skin-sam">
<h1>Custom Cell Formatting</h1>
<div id="formatting"></div>
<script type="text/javascript" src="../../build/yuiloader/yuiloader-beta.js"></script>
<script type="text/javascript" src="./assets/js/data.js"></script>
<script type="text/javascript">
var loader = new YAHOO.util.YUILoader();
loader.insert({
require: ["fonts", "datatable", "json"],
filter: 'debug',
base: '../../build/',
onSuccess: function() {
YAHOO.example.CustomFormatting = new function() {
// Define a custom formatter for the Column labeled "flag"
// draws an up icon if value of field3 is greater than 100,
// otherwise renders a down icon
this.myCustomFormatter = function(elCell, oRecord, oColumn, oData) {
YAHOO.util.Dom.addClass(elCell, "flag");
if(oRecord.getData("field3") > 100) {
elCell.innerHTML = '&nbsp;<img src="../../build/datatable/assets/skins/sam/dt-arrow-up.png">';
}
else {
elCell.innerHTML = '&nbsp;<img src="../../build/datatable/assets/skins/sam/dt-arrow-dn.png">';
}
};
// Add the custom formatter to the shortcuts
YAHOO.widget.DataTable.Formatter.myCustom = this.myCustomFormatter;
// Override the built-in formatter
YAHOO.widget.DataTable.formatEmail = function(elCell, oRecord, oColumn, oData) {
var user = oData;
elCell.innerHTML = "<a href=\"mailto:" + user + "@mycompany.com\">" + user + "</a>";
};
var myColumnDefs = [
{key:"flag", formatter:"myCustom"}, // use custom shortcut
{key:"radio", formatter:"radio"}, // use the built-in radio formatter
{key:"check", formatter:"checkbox"}, // use the built-in checkbox formatter (shortcut)
{key:"button", label:"Show record data", formatter:YAHOO.widget.DataTable.formatButton}, // use the built-in button formatter
{key:"field1", formatter:"dropdown", dropdownOptions:["apples","bananas","cherries"],sortable:true},
{key:"field2", sortable:true, formatter:"date"}, // use the built-in date formatter
{key:"field3", sortable:true},
{key:"field4", sortable:true, formatter:"currency"}, // use the built-in currency formatter
{key:"field5", sortable:true, formatter:YAHOO.widget.DataTable.formatEmail}, // use the overridden email formatter
{key:"field6", sortable:true, formatter:YAHOO.widget.DataTable.formatLink} // use the built-in link formatter
];
this.myDataSource = new YAHOO.util.DataSource(YAHOO.example.Data.multitypes);
this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
this.myDataSource.responseSchema = {
resultsList: "items",
// Use the parse methods to populate the RecordSet with the right data types
fields: [
{key:"field1", parser:YAHOO.util.DataSource.parseString}, // point to the string parser
{key:"field2", parser:YAHOO.util.DataSource.parseDate}, // point to the date parser
{key:"field3", parser:YAHOO.util.DataSource.parseNumber}, // point to the number parser
{key:"field4", parser:YAHOO.util.DataSource.parseNumber}, // point to the number parser
{key:"field5"}, // this is already string data so no parser needed
{key:"field6"} // this is already string data so no parser needed
]
};
this.myDataTable = new YAHOO.widget.DataTable("formatting", myColumnDefs, this.myDataSource);
var lastSelectedRadioRecord = null;
this.myDataTable.subscribe("radioClickEvent", function(oArgs){
if(lastSelectedRadioRecord) {
lastSelectedRadioRecord.setData("radio",false);
}
var elRadio = oArgs.target;
var oRecord = this.getRecord(elRadio);
oRecord.setData("radio",true);
lastSelectedRadioRecord = oRecord;
var name = oRecord.getData("field5");
});
this.myDataTable.subscribe("checkboxClickEvent", function(oArgs){
var elCheckbox = oArgs.target;
var oRecord = this.getRecord(elCheckbox);
oRecord.setData("check",elCheckbox.checked);
});
this.myDataTable.subscribe("buttonClickEvent", function(oArgs){
var oRecord = this.getRecord(oArgs.target);
alert(YAHOO.lang.dump(oRecord.getData()));
});
this.myDataTable.subscribe("dropdownChangeEvent", function(oArgs){
var elDropdown = oArgs.target;
var oRecord = this.getRecord(elDropdown);
oRecord.setData("field1",elDropdown.options[elDropdown.selectedIndex].value);
});
};
}
});
</script>
</body>
</html>