I've figure out the answer

Code:

$('#btn' + row.id).linkbutton('disable');
$('#btn' + row.id.prop('isConnected', false);

and then refresh the grid buttons

Code:

$('#dg).datagrid('getPanel').find('.e-linkbutton').linkbutton();

Hi stworthy,

This is the results of the console.

I know this is an old thread, but how do you enable/disable the button within the datagrid/treegrid?

I have my formatter create the button

Code:

function buttonFormatter(buttonText, row, ca) {
    return '<a href="#" id="btn' + row.id + '" class="e-linkbutton" data-options="width:57">' + buttonText + '</a>';
}

but when I go to disable the button with the following code, nothing happens

Code:

$('#btn' + row.id).linkbutton('disable');

Any help would be appriciated.
Thank you.

Great! Thank you.

Hi,

I have created a form with several textboxes on it. I have set the maxLength attribute in them, yet only 1 of the textboxes will stop when the maximum number of characters has been reached.

My html

Code:

<table>
    <tr>
        <td>Deviation Order number:</td>
        <td>
            <input id="deviationOrderNumber" class="easyui-textbox" style="width:300px;padding:5px" maxLength="20" data-options="prompt:'Deviation Order Number',iconCls:'icon-qty-rank',iconWidth:38">
        </td>
    </tr>
    <tr>
        <td>Deviation ASN number:</td>
        <td>
            <input id="deviationASNNumber" class="easyui-textbox" style="width:300px;padding:5px" maxLength="20" data-options="prompt:'Deviation ASN Number',iconCls:'icon-material-services',iconWidth:38">
        </td>
    </tr>
</table>

The HTML I retrieved from firebug in firefox. As you can see the span class for the deviationOrderNumber field contains the maxlength yet the span class for the deviationASNNumber field does not.

Code:

<table>
<tbody>
<tr>
<td>Deviation Order number:</td>
<td>
<input id="deviationOrderNumber" class="easyui-textbox textbox-f" style="width: 300px; padding: 5px; display: none;" maxlength="20" data-options="prompt:'Deviation Order Number',iconCls:'icon-qty-rank',iconWidth:38">
<span class="textbox" style="width: 298px;">
<span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;">
<input id="_easyui_textbox_input111" class="textbox-text validatebox-text" autocomplete="off" tabindex="" style="text-align: start; padding: 0px 5px; margin: 0px 38px 0px 0px; height: 24px; line-height: 24px; width: 250px;" placeholder="Deviation Order Number" maxlength="20" type="text">
<input class="textbox-value" value="12334568790798709870" type="hidden">
</span>
</td>
</tr>
<tr>
<td>Deviation ASN number:</td>
<td>
<input id="deviationASNNumber" class="easyui-textbox textbox-f" style="width: 300px; padding: 5px; display: none;" maxlength="20" data-options="prompt:'Deviation ASN Number',iconCls:'icon-material-services',iconWidth:38">
<span class="textbox" style="width: 298px;">
<span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;">
<input id="_easyui_textbox_input4" class="textbox-text validatebox-text" autocomplete="off" tabindex="" style="text-align: start; padding: 0px 5px; margin: 0px 38px 0px 0px; height: 24px; line-height: 24px; width: 250px;" placeholder="Deviation ASN Number" type="text">
<input class="textbox-value" value="12314654654946132165365" type="hidden">
</span>
</td>
</tr>
</tbody>
</table>

The javascript I got from here http://www.jeasyui.com/forum/index.php?topic=4030.0 to only allow the maxLength characters in the field.

Code:

/** This will override the Textbox rules. */
$.extend($.fn.textbox.defaults.rules, {
	maxLength: {
		validator: function(value, param){
			return value.length <= param[0];
		},
		message:
			'Maximum characters allowed only {0}'
	}
});

I've included the image with the data in the field. The deviationOrderNumber field prevents the number of characters from passing 20 yet the other field will not prevent more than 20 characters.

Any help would be appreciated.
Thank you.

I have made a work around for the problem.

I set the idField for the combogrid based on if the field called 'number' contains data. If there is data in the field, set it as the idField, otherwise set the idField to a field called 'title'.

Code:

function setIdField(containsNumberField) {
    $('#controlName').combogrid({idField: containsNumberField ? 'number' : 'title'});
}

Thank you for your assistance.

Thank you for your assistance.

I have found that if I just use the onChange event of the numberbox, it will capture the enter key instead of trying to bind the enter key separately.

I've added the code

Code:

$('#search1').numberbox('textbox').bind('keydown',function(e){
    if (e.keyCode == 13) {window.alert('search1');}

});

but now I get the following error in Firebug and the keydown is still not functioning.

TypeError: $.data(...) is undefined                                                                                                     jquery.easyui.min.js (line 6517, col 7)
      return $.data(jq[0],"textbox").textbox.find(".textbox-text");
------------^

I have some numberboxes that I have onkeydown events attached to. When I updated to jQuery-EasyUI 1.4.2 they no longer work.

Code:

 search1 <input id="search1" class="easyui-numberbox" name="search1" style="width:200px"
 		onkeydown="javascript:if (event.keyCode == 13) {window.alert('search1');}"/>
<br />
search2<input id="search2" class="easyui-validatebox" name="search2" style="width:200px"
 		onkeydown="javascript:if (event.keyCode == 13) {window.alert('search2');}"/>

In the following fiddle I show how the  onkeydown event still works for the validatebox but not for the numberbox

http://jsfiddle.net/rpu36vo7/1/

Any help would be appriciated.
Thank you.

Thank you for your response.

Yes your code works correctly but if I change the data to

Code:

   {number:'-1',title:'Joe1'},
   {number:'-1',title:'Joe2'},
   {number:'-1',title:'Joe3'}

and the code to

Code:

	var keyNumber = 'Joe2';
	var keyName = 'Joe2';

it will still show 'Joe1' and not 'Joe2' as expected.

I have upgraded from jQuery 1.11.0 to 2.13 and jQuery-EasyUI from 1.3.4 to 1.4.2 and I have now found that the selectRow for my combogrids is no longer working.

The issue is that the combogrid can have data with unique keys(1,2,3...) or all the same keys(they will all be '-1') and the title is the unique item.

If keyNumber='1' and keyName='Joe' it works.
If keyNumber='Joe' and keyName='Joe' it no longer works.
 
Here is my code.

Code:

	// Set the control name to a variable to eliminate the DOM lookups
	var $control = $(conName);
	
	$control.combogrid('setValue', keyNumber)
		   .combogrid('grid').datagrid('selectRecord', keyNumber);
	// If there isn't a row selected in the grid then just set the text in the box
	if ($control.combogrid('grid').datagrid('getSelected') === null) {
		$control.combogrid('setValue', keyNumber)
			   .combogrid('setText', keyName);
	// Scroll to the item in the grid
	} else {
		$control.combogrid('grid').datagrid('scrollTo', $control.combogrid('grid').datagrid('getRowIndex', keyNumber));
	}

	// If there is a no row selected then find the matching area in the grid and select it
	if ($control.combogrid('grid').datagrid('getSelected') === null) {
		// Get the data from the combogrid
		var comboData = $control.combogrid('grid').datagrid('getData'),
			found = false,
			i = 0;
		// Search through the comboData for the key
		if (comboData) {
			while ((i < comboData.total) && (!found)) {
				if ((isNaN(keyNumber)) && (comboData.rows[i].title === keyNumber) || (comboData.rows[i].number === keyNumber)) {
					found = true;
				} else {
					i++;
				}
			}
		}
		// If the key is found then select it in the combogrid
		if (found) {
			$control.combogrid('grid').datagrid('selectRow', i);
		}
	}

Any help would be appriciated.

Thank you!!!

That worked.

Thanks for the input. I tried the layout and found that it still did not maximize. I've attached an image.

Here is the code:

Code:

<div title="Images" style="padding:10px" data-options="iconCls:'icon-image'">
	<div class="easyui-layout" style="width:970px;height:310px">
		<div data-options="region:'north'" style="height:200px">
			<table id="imageGrid" class="easyui-datagrid" style="height:100%;width:100%"
				data-options="toolbar:'#imagesToolbar', idField:'fileNumber',
					pagination:true, rownumbers:false, fitColumns:true, singleSelect:true, striped:true, fit:true,
					onSelect: function(rowIndex, rowData) {$('#imageFileNotes').val(rowData.notes);},
					onDblClickRow: function(rowIndex, rowData) {viewFile(externalFileType.image);},
					url: '../TR_External_File_ReadServlet',
					queryParams : {
						<%=DB_Constants.DB_TR_REFERENCE_TYPES_REFERENCE_TYPE_NUMBER%> : <%=TR_Constants.REFERENCE_TYPE_NUMBER_TMR%>,
						<%=DB_Constants.DB_FIELD_REFERENCE_NUMBER%> : <%=TR_Constants.DEFAULT_NO_PRIMARY_KEY%>,
						<%=DB_Constants.DB_TR_FILE_TYPES_FILE_TYPE_NUMBER%> : <%=TR_Constants.FILE_TYPE_PICTURE%>,
						<%=TR_Constants.REQUESTING_SYSTEM%> : '<%=requestingSystem%>'
					}">
				<thead>
					<tr>
						<th data-options="field:'fileNumber',width:0,hidden:true"></th>
						<th data-options="field:'fileLocation',width:0,hidden:true"></th>
						<th data-options="field:'thumbnail',width:15">Thumbnail</th>
						<th data-options="field:'fileName',width:50">Filename</th>
						<th data-options="field:'notes',width:40">Notes</th>
					</tr>
				</thead>
			</table>
		</div>
		<div title="Notes" style="height:110px; padding:0px; borderWidth:1" data-options="region:'south',iconCls:'icon-comment'">
			<table>
				<tr>
					<td style="vertical-align:text-top">
						<div style="padding:1px; border:1px solid #ddd">
							<a href="#" id="imageEditNotes" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"
								onclick="editFileNotes(externalFileType.image)">Edit the Image Notes</a>
						</div>
					</td>
					<td>
						<textarea id="imageFileNotes" name="imageFileNotes" class="easyui-tooltip" title="Any notes related to the Image" style="width:785px; height:65px; resize:none;" placeholder="Any notes for the selected Image" readonly></textarea>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>

Please help.

Thank you.

Thank you.

The following code worked.

Code:

($(editor.target).data('textbox') ? $(editor.target).textbox('textbox') : $(editor.target)).focus().select();

Here is the code for my dialog.(removed parts that didn't pertain since there is a character limit)

Code:

<div id="editTMR" class="easyui-dialog" style="width:1040px" data-options="iconCls:'<%=icon%>', closed:true, buttons:'#editTMRButtons', closable:false">
  <form id="tmrForm" method="post">
    <table>
      <tr>
        <td>
          <div class="easyui-panel" title="Quick Data" style="width:1020px; padding:5px; borderWidth:0" data-options="iconCls:'<%=icon%>'">
              <table>
            <tr>
              <td><strong>TMR #:</strong></td>
              <td>
                <input id="tmrNumber" class="easyui-validatebox easyui-tooltip" readonly name="tmrNumber" title="The Trouble Management Report Number" style="width:80px" />
              </td>
              <td style="padding:1px; border:1px solid #ddd">
                <a href="#" class="easyui-linkbutton easyui-tooltip" title="Go to the Trouble Report Number" data-options="iconCls:'icon-tr',plain:true" onclick="verifyGoToTroubleReport()"><strong>Trouble Report #:</strong></a>
              </td>
              <td>
                <input id="trNumber" class="easyui-validatebox easyui-tooltip" readonly  name="trNumber" title="The Trouble Report Number" style="width:80px" onclick="verifyGoToTroubleReport()"/>
              </td>
              <td><strong>Rank:</strong></td>
              <td>
                <input id="rank" class="easyui-validatebox easyui-tooltip" readonly name="rank" style="width:40px" title="The Rank for the Trouble Management Report"/>
              </td>
              <td>
                <div id="severityRanking">
                  <table>
                    <tr>
                      <td><strong>Qty Rank:</strong></td>
                      <td>
                        <input id="quantityRank" class="easyui-validatebox easyui-tooltip" readonly name="quantityRank" style="width:40px" title="The Quantity Rank for the Trouble Management Report"/>
                      </td>
                    </tr>
                  </table>
                </div>
              </td>
              <td><strong>IDX:</strong></td>
              <td>
                <input id="indexPoints" class="easyui-numberbox easyui-tooltip" name="indexPoints" readonly style="width:30px" value="0" title="Index Points for the Trouble Report" />
              </td>
              <td><strong>TMR Due Date:</strong></td>
              <td>
                <input id="tmrDueDate" class="easyui-datebox" name="tmrDueDate" readonly style="width:100px"/>
              </td>
              <td><strong>Status:</strong></td>
              <td>
                <input id="status" class="easyui-validatebox easyui-tooltip" readonly name="status" title="The Status of the Trouble Management Report" style="width:135px" />
              </td>
            </tr>
          </table>
        </div>
      </td>
    </tr>  
    <tr>
      <td>
        <div id="tabs" class="easyui-tabs" style="width:1020px; height:440px">
          <div title="Main" style="padding:10px" data-options="iconCls:'icon-main'">
		....
          </div>
          <div title="Analysis" style="padding:10px" data-options="iconCls:'icon-analysis'">
		....
          </div>
          <div title="Cause" style="padding:10px" data-options="iconCls:'icon-cause'">
            <div class="easyui-panel" title="Cause" style="height:210px;width:1000px; padding:0px; borderWidth:0" data-options="iconCls:'icon-cause'">
              <table id="causeGrid" class="easyui-datagrid"
                data-options="toolbar:'#causeToolbar', idField:'causeNumber', pagination:true, fit:true,
                  rownumbers:false, fitColumns:true, singleSelect:true, striped:true, autoRowHeight:false,
                  onSelect: function(rowIndex, rowData) {$('#causeDetails').val($.trim(rowData.cause));},
                  onDblClickRow: function(rowIndex, rowData) {viewCause(true, false);},
                  url: '../TMR_Cause_ReadServlet',
                  queryParams : {
                    <%=DB_Constants.DB_TMR_MAIN_TMR_NUMBER%> : <%=TR_Constants.DEFAULT_NO_PRIMARY_KEY%>
                  }">
                <thead>
                  <tr>
                    <th data-options="field:'causeNumber',width:0,hidden:true"></th>
                    <th data-options="field:'itemNumber',width:40">Item #</th>
                    <th data-options="field:'cause',width:350">Cause</th>
                    <th data-options="field:'lastModifiedBy',width:0,hidden:true"></th>
                    <th data-options="field:'lastModifiedByName',width:50">Last Updated By</th>
                    <th data-options="field:'lastModifiedDate',width:50">Last Updated Date</th>
                  </tr>
                </thead>
              </table>
            </div>
            <br />
            <div class="easyui-panel" title="Cause Details" style="width:1000px; height:160px; padding:5px; borderWidth:0" data-options="iconCls:'icon-comment'">
              <table>
                <tr>
                  <td>
                    <textarea id="causeDetails" name="causeDetails" class="easyui-tooltip" title="The Cause"
                      style="width:975px; height:110px; resize:none;" placeholder="The Cause" readonly></textarea>
                  </td>
                </tr>
              </table>
            </div>
          </div>
          <div title="Countermeasure" style="padding:10px" data-options="iconCls:'icon-countermeasure'">
            <div class="easyui-panel" title="Countermeasures" style="height:250px;width:1000px; padding:0px; borderWidth:0" data-options="iconCls:'icon-countermeasure'">
              <table id="countermeasuresGrid" class="easyui-datagrid"
                data-options="idField:'countermeasureNumber', toolbar:'#countermeasuresToolbar',pagination:true, autoRowHeight:false,
                  rownumbers:false, fitColumns:true, singleSelect:true, striped:true, fit:true,
                  onSelect: function(rowIndex, rowData) {showCMA(rowData);},
                  onDblClickRow: function(rowIndex, rowData) {viewCountermeasure(true, false);},
                  url: '../TMR_Countermeasures_ReadServlet',
                  queryParams : {
                    <%=DB_Constants.DB_TMR_MAIN_TMR_NUMBER%> : <%=TR_Constants.DEFAULT_NO_PRIMARY_KEY%>
                  }">
                <thead>
                  <tr>
                    <th data-options="field:'countermeasureNumber',width:0,hidden:true"></th>
                    <th data-options="field:'causeNumber',width:0,hidden:true"></th>
                    <th data-options="field:'causeItemNumber',width:15">Cause #</th>
                    <th data-options="field:'tmrNumber',width:0,hidden:true"></th>
                    <th data-options="field:'itemNumber',width:13">Item #</th>
                    <th data-options="field:'countermeasureDetails',width:120">Details</th>
                    <th data-options="field:'cmAssignedTo',width:0,hidden:true"></th>
                    <th data-options="field:'cmAssignedToName',width:35">Assigned To</th>
                    <th data-options="field:'cmDueDate',width:23">Due Date</th>
                    <th data-options="field:'cmCompletedDate',width:30">Completed Date</th>
                    <th data-options="field:'cmAnalysisResponse',width:0,hidden:true"></th>
                    <th data-options="field:'cmaDoneBy',width:0,hidden:true"></th>
                    <th data-options="field:'cmaDoneByName',width:0,hidden:true"></th>
                    <th data-options="field:'cmaCompletedDate',width:0,hidden:true"></th>
                    <th data-options="field:'cmaPlatformQA',width:0,hidden:true"></th>
                    <th data-options="field:'cmaPlatformQAName',width:0,hidden:true"></th>
                    <th data-options="field:'lastModifiedBy',width:0,hidden:true"></th>
                    <th data-options="field:'lastModifiedByName',width:35">Last Updated By</th>
                    <th data-options="field:'lastModifiedDate',width:30">Last Updated Date</th>
                  </tr>
                </thead>
              </table>
            </div>
            <br />
            <div class="easyui-panel" title="Countermeasure Analysis" style="width:1000px; height:130px; padding:5px; borderWidth:0" data-options="iconCls:'icon-countermeasure-alysis'">
              <table>
                <tr>
                  <td style="vertical-align:top;text-align:'right'">Response:</td>
                  <td colspan="5">
                    <textarea id="cmTabResponse" name="cmTabResponse" class="easyui-tooltip" title="The Response to the Countermeasure"
                      style="width:890px; height:50px; resize:none;" placeholder="The Response to the Countermeasure" readonly></textarea>
                  </td>
                </tr>
                <tr>
                  <td>CMA Done By:</td>
                  <td>
                    <select id="cmTabDoneBy" class="easyui-combogrid" name="cmTabDoneBy" style="width:200px"
                      data-options="panelHeight:50,panelWidth:200, idField:'key', textField:'value', readonly:true,
                        columns: [[
                          {field:'key', title:'', width:0, hidden:true},
                          {field:'value', title:'Person Name', width:180}
                          ]]">
                    </select>
                  </td>
                  <td>CMA Completed Date:</td>
                  <td>
                    <input id="cmTabCompletedDate" class="easyui-datebox" name="cmTabCompletedDate" readonly style="width:150px" />
                  </td>
                  <td>Platform QA Engineer:</td>
                  <td>
                    <select id="cmTabPlatformQA" class="easyui-combogrid" name="cmTabPlatformQA" style="width:200px"
                      data-options="panelHeight:50,panelWidth:200, idField:'key', textField:'value', readonly:true,
                        columns: [[
                          {field:'key', title:'', width:0, hidden:true},
                          {field:'value', title:'Person Name', width:180}
                          ]]">
                    </select>
                  </td>
                </tr>
              </table>
            </div>
          </div>
<%-- ------------------------------- --%>
<%-- This is where the issue occurs  --%>
<%-- ------------------------------- --%>
          <div title="Images and Attached Files" style="padding:10px" data-options="iconCls:'icon-attachment'">
            <div class="easyui-tabs" style="height:380px">
              <div title="Images" style="padding:10px" data-options="iconCls:'icon-image'">
                <div class="easyui-panel" style="height:200px;width:970px; padding:0px; borderWidth:0">
                  <table id="imageGrid" class="easyui-datagrid" style="width:100%"
                    data-options="toolbar:'#imagesToolbar', idField:'fileNumber',
                      pagination:true, rownumbers:false, fitColumns:true, singleSelect:true, striped:true, fit:true,
                      onSelect: function(rowIndex, rowData) {$('#imageFileNotes').val(rowData.notes);},
                      onDblClickRow: function(rowIndex, rowData) {viewFile(externalFileType.image);},
                      url: '../TR_External_File_ReadServlet',
                      queryParams : {
                        <%=DB_Constants.DB_TR_REFERENCE_TYPES_REFERENCE_TYPE_NUMBER%> : <%=TR_Constants.REFERENCE_TYPE_NUMBER_TMR%>,
                        <%=DB_Constants.DB_FIELD_REFERENCE_NUMBER%> : <%=TR_Constants.DEFAULT_NO_PRIMARY_KEY%>,
                        <%=DB_Constants.DB_TR_FILE_TYPES_FILE_TYPE_NUMBER%> : <%=TR_Constants.FILE_TYPE_PICTURE%>,
                        <%=TR_Constants.REQUESTING_SYSTEM%> : '<%=requestingSystem%>'
                      }">
                    <thead>
                      <tr>
                        <th data-options="field:'fileNumber',width:0,hidden:true"></th>
                        <th data-options="field:'fileLocation',width:0,hidden:true"></th>
                        <th data-options="field:'thumbnail',width:15">Thumbnail</th>
                        <th data-options="field:'fileName',width:50">Filename</th>
                        <th data-options="field:'notes',width:40">Notes</th>
                      </tr>
                    </thead>
                  </table>
                </div>
                <br />
                <div class="easyui-panel" title="Notes" style="width:970px; height:110px; padding:0px; borderWidth:1" data-options="iconCls:'icon-comment'">
                  <table>
                    <tr>
                      <td style="vertical-align:text-top">
                        <div style="padding:1px; border:1px solid #ddd">
                          <a href="#" id="imageEditNotes" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"
                            onclick="editFileNotes(externalFileType.image)">Edit the Image Notes</a>
                        </div>
                      </td>
                      <td>
                        <textarea id="imageFileNotes" name="imageFileNotes"  class="easyui-tooltip" title="Any notes related to the Image"
                          style="width:785px; height:65px; resize:none;" placeholder="Any notes for the selected Image" readonly></textarea>
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
              <div title="Attached Files" style="padding:10px" data-options="iconCls:'icon-attachment'">
                <div class="easyui-panel" style="height:200px;width:970px; padding:0px; borderWidth:0">
                  <table id="attachedFileGrid" class="easyui-datagrid" style="width:100%"
                    data-options="toolbar:'#attachedFilesToolbar', idField:'fileNumber', fit:true,
                      pagination:true, rownumbers:false, fitColumns:true, singleSelect:true, striped:true, autoRowHeight:false,
                      onSelect: function(rowIndex, rowData) {$('#attachedFileNotes').val(rowData.notes);},
                      onDblClickRow: function(rowIndex, rowData){viewFile(externalFileType.attachment);},
                      url: '../TR_External_File_ReadServlet',
                      queryParams : {
                        <%=DB_Constants.DB_TR_REFERENCE_TYPES_REFERENCE_TYPE_NUMBER%> : <%=TR_Constants.REFERENCE_TYPE_NUMBER_TMR%>,
                        <%=DB_Constants.DB_FIELD_REFERENCE_NUMBER%> : <%=TR_Constants.DEFAULT_NO_PRIMARY_KEY%>,
                        <%=DB_Constants.DB_TR_FILE_TYPES_FILE_TYPE_NUMBER%> : <%=TR_Constants.FILE_TYPE_OTHER%>,
                        <%=TR_Constants.REQUESTING_SYSTEM%> : '<%=requestingSystem%>'
                      }">
                    <thead>
                      <tr>
                        <th data-options="field:'fileNumber',width:0,hidden:true"></th>
                        <th data-options="field:'fileLocation',width:0,hidden:true"></th>
                        <th data-options="field:'fileName',width:50">Filename</th>
                        <th data-options="field:'notes',width:15">Notes</th>
                      </tr>
                    </thead>
                  </table>
                </div>
                <br />
                <div class="easyui-panel" title="Notes" style="width:970px; height:110px; padding:0px; borderWidth:0" data-options="iconCls:'icon-comment'">
                  <table>
                    <tr>
                      <td style="vertical-align:text-top">
                        <div style="padding:1px; border:1px solid #ddd">
                          <a href="#" id="fileEditNotes" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"
                            onclick="editFileNotes(externalFileType.attachment)">Edit the File Notes</a>
                        </div>
                      </td>
                      <td>
                        <textarea id="attachedFileNotes" name="attachedFileNotes" class="easyui-tooltip" title="Any notes related to the Attached File"
                          style="width:805px; height:65px; resize:none;" placeholder="Any notes related to the Attached File" readonly></textarea>
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
          </div>
<%-- -------------- --%>
<%-- End of issue  --%>
<%-- -------------- --%>
          <div title="Accountability" style="padding:10px" data-options="iconCls:'icon-person'">
		....
          </div>
          <div title="Comments" style="padding:10px" data-options="iconCls:'icon-comment'">
		....
          </div>
        </div>
      </td>
    </tr>
  </table>
</form>
</div>

Here are the external files I'm linking too

Code:

	<%--  jQuery --%>
	<script src="/is/js/jquery/2.1.3/jquery-2.1.3.min.js" type="text/javascript"></script>
	<%-- jQuery EasyUI - enhances jQuery --%>
	<script src="/is/js/jquery-easyui/1.4.2/jquery.easyui.min.js" type="text/javascript"></script>
	<%-- jQuery EasyUI - enhances jQuery - Required for the TreeGrid --%>
	<script src="/is/js/jquery-easyui/1.4.2/datagrid-detailview.js" type="text/javascript"></script>
	<%-- jQuery EasyUI - enhances jQuery - Patch--%>
	<script src="/is/js/jquery-easyui/1.4.2/jquery.easyui.patch.js" type="text/javascript"></script>

Any help is appreciated.

Thank you.