Authored by chenl

解决了筛选框 滚动的问题。

@@ -321,11 +321,18 @@ export default class BrandStore extends Component { @@ -321,11 +321,18 @@ export default class BrandStore extends Component {
321 321
322 {productList.isFilter ? 322 {productList.isFilter ?
323 <ProductCategoryList 323 <ProductCategoryList
  324 + productList={productList}
  325 + onPressFilter={this._onPressProductFilter}
  326 + lastSelected={this.props.productList.isFilter}
  327 + moreFilter={this.props.productList.isMoreFilter}
  328 + selectOrder={this.props.productList.order}
324 categoryFilterList={categoryFilterList} 329 categoryFilterList={categoryFilterList}
325 filterCategoryDetailFilterList={filterCategoryDetailFilterList} 330 filterCategoryDetailFilterList={filterCategoryDetailFilterList}
326 onPressProductFilterLeftItem={this.props.onPressProductFilterLeftItem} 331 onPressProductFilterLeftItem={this.props.onPressProductFilterLeftItem}
327 filterNameFactors={filterNameFactors} 332 filterNameFactors={filterNameFactors}
328 - onPressProductFilterRightItem={this.props.onPressProductFilterRightItem}/> : null} 333 + onPressProductFilterRightItem={this.props.onPressProductFilterRightItem}
  334 + onPressCloseMoreFilter={this.props.onPressCloseMoreFilter}
  335 + onPressMoreFilter={this.props.onPressMoreFilter}/> : null}
329 336
330 {productList.isMoreFilter ? 337 {productList.isMoreFilter ?
331 <BrandProductMoreFilter 338 <BrandProductMoreFilter
@@ -95,21 +95,29 @@ export default class ProductCategoryList extends React.Component { @@ -95,21 +95,29 @@ export default class ProductCategoryList extends React.Component {
95 } 95 }
96 96
97 return ( 97 return (
98 - <View style={styles.container}>  
99 - <ListView  
100 - style={styles.leftContentContainer}  
101 - dataSource={this.dataSourceL.cloneWithRows(categoryFilterList.toArray())}  
102 - renderRow={this.leftRenderRow}  
103 - scrollsToTop={false}  
104 - />  
105 - <ListView  
106 - ref='subCategoryList'  
107 - style={styles.rightContentContainer}  
108 - dataSource={this.dataSourceR.cloneWithRows(subList.toArray())}  
109 - renderRow={this.rightRenderRow}  
110 - scrollsToTop={false}  
111 - />  
112 - </View> 98 + <View style={styles.allcontainer}>
  99 + <BrandProductFilter
  100 + onPressFilter={this.props.onPressFilter}
  101 + lastSelected={this.props.productList.isFilter}
  102 + moreFilter={this.props.productList.isMoreFilter}
  103 + selectOrder={this.props.productList.order}/>
  104 +
  105 + <View style={styles.container}>
  106 + <ListView
  107 + style={styles.leftContentContainer}
  108 + dataSource={this.dataSourceL.cloneWithRows(categoryFilterList.toArray())}
  109 + renderRow={this.leftRenderRow}
  110 + scrollsToTop={false}
  111 + />
  112 + <ListView
  113 + ref='subCategoryList'
  114 + style={styles.rightContentContainer}
  115 + dataSource={this.dataSourceR.cloneWithRows(subList.toArray())}
  116 + renderRow={this.rightRenderRow}
  117 + scrollsToTop={false}
  118 + />
  119 + </View>
  120 + </View>
113 ); 121 );
114 } 122 }
115 }; 123 };
@@ -119,18 +127,30 @@ let rowHeight = Math.ceil(height - 37); @@ -119,18 +127,30 @@ let rowHeight = Math.ceil(height - 37);
119 let rowWidth = Math.ceil(width / 2); 127 let rowWidth = Math.ceil(width / 2);
120 128
121 let styles = StyleSheet.create({ 129 let styles = StyleSheet.create({
  130 + allcontainer:{
  131 + flex: 1,
  132 + flexDirection: 'column',
  133 + left: 0,
  134 + width: width,
  135 + height: height ,
  136 + backgroundColor: '#ffffff',
  137 + borderTopColor: '#e0e0e0',
  138 + borderTopWidth: 0.5,
  139 + borderLeftColor: '#ffffff',
  140 + borderLeftWidth: 0,
  141 + borderRightWidth: 0,
  142 + borderBottomWidth: 0,
  143 +
  144 + },
122 container:{ 145 container:{
123 flex: 1, 146 flex: 1,
124 flexDirection: 'row', 147 flexDirection: 'row',
125 position: 'absolute', 148 position: 'absolute',
126 - top: 40,  
127 left: 0, 149 left: 0,
128 width: width, 150 width: width,
129 height: height - 40 - 44 - 64, 151 height: height - 40 - 44 - 64,
130 backgroundColor: '#ffffff', 152 backgroundColor: '#ffffff',
131 - borderTopColor: '#e0e0e0',  
132 - borderTopWidth: 0.5,  
133 - borderLeftColor: '#ffffff', 153 + borderTopWidth: 0,
134 borderLeftWidth: 0, 154 borderLeftWidth: 0,
135 borderRightWidth: 0, 155 borderRightWidth: 0,
136 borderBottomWidth: 0, 156 borderBottomWidth: 0,