Please enable JavaScript.
Coggle requires JavaScript to display documents.
onInput (PC函数stock流程 (文件作用 (formulaCenter (定义了属于函数的事件), tableInputCenter…
onInput
PC函数stock流程
输入=或者s时候
tableInputBoard.pc.js----init会监听input,调用onInput
onInput中调用checkformula
生成list面板
点击list面板时
formulaBoard.js---initMouse中监听了click,点击之后就会调用boardHandler,去生成面板
formulaBoard.js调用boardHandler
handler的赋值在this.show中,会选择不同的面板,list(函数)detail(函数参数中面板),stock(股票面板等); handler中分四种情况,其中股票会调用changeStrock,并触发_changeFormulaParam
_changeFormulaParam的事件是在formulaCenter中已经定义好了
处理函数也在formulaCenter
trigger事件inputValueChange和inputCursorChange
_changeFormulaParam
最终会触发valueChange,valueChange又会重新回调this.onInput,再次触发checkFormula
选择第一个参数
依旧走上面的流程
初始化
tableInputCenter.js
initEvent
initEvent会listen各类事件
文件作用
formulaCenter
定义了属于函数的事件
tableInputCenter
定义了输入中触发的事件
checkFormula
展示函数面板
resolveFormular
formularCenter.js----this._resolveFormula
formulaBoard.js----showFormula
this.show
this.borad
renderContent
list
detail
stock
展示stock面板
移动端
tableInputBoard.m.js---init
input
checkFormula
formularCenter.js----this._resolveFormula
click
checkFormula
移动端stock
tableInputBoard.m.js---init
MOBILE
添加input和click处理,并调用checkFormula
formularCenter.js----this._resolveFormula
_resolveFormula选择不同的面板进行渲染
formulaBoard.js----showFormula
this.show
renderContent,会返回一个符合内容的dom
移动端参数变化
tableInputBoard.m.js --- valueChange
checkFormula