谷神前端组件增强：子列表

all the time once

已于 2024-06-29 09:59:05 修改

阅读量99

点赞数 1

分类专栏： # 谷神前端文章标签：开发语言

于 2024-06-15 14:19:56 首次发布

本文链接：https://blog.csdn.net/weixin_44893650/article/details/139701982

版权

谷神前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

reDrawRow

// // 刷新数据行显示：子列表编辑失去焦点
detailTable.reDrawRow()

sumDetailTableField

/**
 * sumDetailTableField
 * 统计子列表字段域：求和。
 * 
 * @param detailTable:子列表。
 * @param field:字段域。
 * 
 * @return sum:和。
 * 
 */
function sumDetailTableField (detailTable, field) {
	return detailTable.getData().reduce((sum, row) => {
		return gUtil.precise(sum, row[field], '+')
	}, 0)
}

batchSetDataValue

/**
 * batchSetDataValue
 * 设置表格fieldName列的数据。
 * 
 * @param detailTable:子列表。
 * @param fieldName:指定字段。
 * @param value:数据。
 * 
 * @return void
 * 
 */
function batchSetDataValue (detailTable, fieldName, value) {
	detailTable.getData().forEach(row => {
		detailTable.setDataValue(row[detailTable.BILL_BATCH], fieldName, value)
	})
}

// 设置表格fieldName列的数据。
detailTable.getData().forEach(row => {
	detailTable.setDataValue(row[detailTable.BILL_BATCH], fieldName, value)
})

cleanColumn

/**
 * cleanColumn
 * 清理列
 * 
 * @param detailTable:子列表。
 * @param fieldNames:要清理的列。
 * 
 * @return void
 * 
 */
function cleanColumn (detailTable, ...fieldNames) {
	fieldNames.forEach(fieldName => {
		detailTable.setColumnVisible(fieldName, false)
		// 设置表格fieldName列的数据。
		detailTable.getData().forEach(row => {
			detailTable.setDataValue(row[detailTable.BILL_BATCH], fieldName, null)
		})
	})
}

子列表input控制

// 创建一个新的MutationObserver实例并传入回调函数  
const observer = new MutationObserver((mutations, observer) => {  
    // 遍历所有变化  
    for (let mutation of mutations) {  
        // 检查是否有新的input元素被添加  
        if (mutation.type === 'childList') {  
            mutation.addedNodes.forEach(function(node) {  
                // 检查节点是否是input元素  
                if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === 'input') {
					if (node.parentNode && node.parentNode.getAttribute('col-id') == 'col-id') {
						// 设置maxlength
						node.setAttribute('maxlength', '10')
					}
                }  
            })
        }  
    }  
})

// 以上面的配置开始观察目标节点  
observer.observe(detailTable.findHtmlDocument('div.ag-center-cols-container')[0], {childList: true, subtree: true})